-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
123 lines (110 loc) · 2.69 KB
/
index.html
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
122
123
<!DOCTYPE html>
<html>
<head>
<title>Website</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="header_wrapper">
<header>
<div class="logo">
<img src="img/mainlogo.png">
</div>
<div class="navbar">
<nav>
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</nav>
</div>
</header>
</div>
<div class="slider">
<img src="img/backBig.jpg" style="width:100%";>
<div class="centered">MAIN TEXT BODY</div>
</div>
<main>
<div class="txt">
<h2>ABOUT PHOTOGRAPHY</h2>
<h3>Photography is the science, art, application and practice of creating durable images by recording light or other electromagnetic radiation, either electronically by means of an image sensor, or chemically by means of a light-sensitive material such as photographic film </h3>
</div>
<div class="pics">
<ul>
<li>
<img src="img/Mini1.jpg">
<h3>LOREM IPSUM</h3>
</li>
<li>
<img src="img/Mini2.jpg">
<h3>LOREM IPSUM</h3>
</li>
<li>
<img src="img/Mini3.jpg">
<h3>LOREM IPSUM</h3>
</li>
</ul>
</div>
<div class="headline">
<h2>GALLERY</h2>
</div>
<div class="gallery">
<ul>
<li>
<a href="#" >
<img src="img/gallery1.jpg"></a>
</li>
<li>
<a href="#">
<img src="img/gallery2.png"></a>
</li>
<li>
<a href="#">
<img src="img/gallery3.jpg"></a>
</li>
<li>
<a href="#">
<img src="img/gallery4.jpg"></a>
</li>
</ul>
</div>
<div class="underline"></div>
<div class="contact">
<div class="purple">
<h2>CONTACT</h2>
</div>
<div id="googleMap" >
</div>
<script>
function myMap() {
var mapProp= {
center:new google.maps.LatLng(41.702093, 44.803347),
zoom:16,
};
var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
}
</script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRqFvQJ1meNNkbSluqGmzHZlVT9gW4mxI&callback=myMap"></script>
<div class="registration">
<form action="#" method="post">
<input type="text" name="name" placeholder="name" required> <br>
<input type="text" name="email" placeholder="email" required> <br>
<input type="text" name="subject" placeholder="subject"> <br>
<textarea placeholder="text"></textarea><br>
<input type="radio" name="gender"> <label>male</label>
<input type="radio" name="gender"> <label>female</label>
<input type="submit">
</form>
</div>
</div>
</main>
<div id="footer_wrapper">
<footer>
<h3>© copyright 2018</h3>
<h4>Created by: Lasha Merebashvili</h4>
</footer>
</div>
</body>
</html>