FirstProject/index.html at master · yesheshwini/FirstProject · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html>
<head>
	<title>

	</title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Coda+Caption:800" rel="stylesheet">

	<style type="text/css">
 #our{
    font-style: italic;
    font-size:50px;
    color:#fff;
    font-family: 'Coda Caption', sans-serif;

  }

    .row1{
      display:flex;
      padding:1px;
       }
       .row2{
        display:flex;
        padding: 1px;
       }

    .container-fluid{
    background-image:  url("https://p.w3layouts.com/demos_new/template_demo/23-11-2017/feature-demo_Free/853459786/web/images/bg1.jpg");
    background-repeat: no-repeat;
    background-size:100%;
  }

    #photo1 img
    {width:100%;
      border-right:10px solid white;
    }
    #photo2 img
    {width:100%;
      border-right:10px solid white;
    }
    #photo3 img
    {width:100%;
    }
    #photo4 img
    {width:100%;
      border-right:10px solid white;
    }
    #photo5 img
    {width:100%;
      border-right:10px solid white;
    }
    #photo6 img
    {width:100%;

    }
.main-content{
  width:1275px;
  margin: auto;

}
.col-md-4{
  padding: 0px;

}
  .row{
    border:6px solid white;

  }

	</style>
</head>
<body>
  <div class="container-fluid">

   <div><h1 id="our"><center>OUR GALLERY</center></h1> </div><br>
<div class="main-content">
<div class="row">
  <div class="col-md-4">
    <div class="w1" id="photo1">

<img src="https://p.w3layouts.com/demos_new/template_demo/23-11-2017/feature-demo_Free/853459786/web/images/g1.jpg">
</div>
</div>
<div class="col-md-4">
  <div class="w1" id="photo2">

<img src="https://p.w3layouts.com/demos_new/template_demo/23-11-2017/feature-demo_Free/853459786/web/images/g4.jpg">
</div>
</div>
<div class="col-md-4">
  <div class="w1" id="photo3">
<img src="https://p.w3layouts.com/demos_new/template_demo/23-11-2017/feature-demo_Free/853459786/web/images/g6.jpg">
</div>
</div>
</div>
<div class="row">
  <div class="col-md-4">
    <div class="w1" id="photo4">
<img src="https://p.w3layouts.com/demos_new/template_demo/23-11-2017/feature-demo_Free/853459786/web/images/g3.jpg">
</div>
</div>
<div class="col-md-4">
<div class="w1" id="photo5">
<img src="https://p.w3layouts.com/demos_new/template_demo/23-11-2017/feature-demo_Free/853459786/web/images/g5.jpg">
</div>
</div>
<div class="col-md-4">
<div class="w1" id="photo6">
<img src="https://p.w3layouts.com/demos_new/template_demo/23-11-2017/feature-demo_Free/853459786/web/images/g2.jpg">
</div>
 </div>
</div>
</div>
</div>
</html>