-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
82 lines (70 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>GeryScale</title>
<link rel="stylesheet" href="dist/css/style.css">
<!-- <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"> -->
</head>
<body>
<header>
<div class="container">
<h2>Greyscale</h2>
<nav>
<a href="#">Home</a>
<a href="#">Download</a>
<a href="#">Contact</a>
</nav>
</div>
<div class="table">
<div class="table-cell">
<h1>GRAYSCALE</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit ,Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
</div>
</div>
</header>
<section class="about">
<article >
<h2>ABOUT GERYSCALE</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an took a galley of type <span>unknown printer</span> and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
<p>It is a long established fact that a reader will be distracted by the <span>readable content</span> of a page when looking at its layout. The point of <span>using Lorem</span></p>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable</p>
</article>
</section>
<section class="download">
<article>
<h2>DOWNLOAD GREYSCALE</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
<button>Visit Downloads Page</button>
</article>
</section>
<section class="contact">
<article>
<h2>CONTACT START BOOTSTRAP</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
<div class="buttons">
<button>Twitter</button>
<button>Github</button>
<button>Google +</button>
</div>
</article>
</section>
<section id="map">
</section>
<footer>
<p> Copyright (c) Your Website 2018.</p>
</footer>
<script>
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 31.205753, lng: 29.924526},
zoom: 8
});
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDRIV17HFwByZJYeqaV-UV6F6V6hrc0r4k
&callback=initMap"
async defer></script>
</body>
</html>