-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
120 lines (116 loc) · 5.15 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
<!-- - - - - - - - - - - - - - - - - - -
My lovely princess,
you are doing great, and as I promised,
letter you are looking for is "i".
Now, please,
play me.
- - - - - - - - - - - - - - - - - - - -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="js/happybirthday.js" defer></script>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="font-awesome-4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="Linearicons-Free-v1.0.0/Web Font/style.css">
<title>haHAA</title>
</head>
<body>
<header class="header-menu">
<div class="container navbar clearfix">
<ul class="nav-left">
<li class="button-bars"><a href="#"><i class="fa fa-bars" aria-hidden="true"></i></a></li>
<li><a href="#">Tour</a></li>
<li><a href="#">Features</a></li>
<li><a href="#">Pricing</a></li>
</ul>
<a href="#"><img class="navbar_logo" src="images/logo.png"></a>
<ul class="nav-right">
<li class="button-help"><a href="#">Help</a></li>
<li><a href="#">Contacts</a></li>
<li class="button-apple"><a href="#"><i class="fa fa-apple" aria-hidden="true"></i>Get App</a></li>
</ul>
</div>
</header>
<section class="section-banner">
<div class="container banner">
<h1>Disharmony</h1>
<p class="banner-text">Well, there we go. Hey sweetie, I just wanted to pass by and say hi. Happy New Year! I wish you all the best, and I hope you are doing well in whatever it is, have a great time. Well, there are two games I'm going to gift you, in my opinion "a Hat in a Time" is an awesome game for snowy holidays, and I remember that you said that this snake is kinda cute and this game looks fun, so... here we go. I wish I could watch you playing it, but that's unlikely to happen. Oh, and you can give them to your sister, I think she will like it, and don't forget to wish your family a happy New year from fox. With all the best, your hanimoon.</p>
<a href="https://youtu.be/gUsMmS7ESM8" class="button-play"><i class="fa fa-play" aria-hidden="true"></i>Play me</a>
<div><img class="iphone-banner" src="images/iPhone-6.png"></div>
</div>
</section>
<section class="section-feature">
<div class="container">
<div class="feature feature-left">
<span class="lnr lnr-lock"></span>
<h2>Real-Time all the time</h2>
<p>Thus much I thought proper to tell you in relation to yourself, and to the trust I reposed in you.</p>
<br>
<p>Just then her head struck against the roof of the hall: in fact she was now more than nine feet high, and she at once took up the little golden key and hurried off to the garden door.</p>
</div><div class="feature feature-right">
<span class="lnr lnr-clock"></span>
<h2>Adopt without any obstacles</h2>
<p>This sounded a very good reason, and Alice was quite pleased to know it. 'I never thought of that before!' she said.</p>
<br>
<p>This I have produced as a scantling of Jack's great eloquence and the force of his reasoning upon such abstruse matters.</p>
</div>
</div>
</section>
<section class="iphone-features">
<div class="container">
<div class="iphone-features-left">
<img class="iphone-feature-img" src="images/iPhone.png">
</div><div class="iphone-features-right">
<h3>Your day<br>is protected</h3>
<p>There have not been any since we have lived here, said my mother.</p>
<br>
<p class="features-right-bottom-p">We thought - Mr. Copperfield thought - it was quite a large rookery; but the nests were very old ones, and the birds have deserted them a long while.</p>
<a class="button-blue" href="#">Try to hack us<i class="fa fa-arrow-right" aria-hidden="true"></i></a>
<a class="button-learn" href="#">Learn more</a>
</div>
</div>
</section>
<section class="map-feature">
<div class="container">
<div class="map-features-left">
<h3>We are almost everywhere</h3>
<p>Now the races of these two have been for some ages utterly extinct, and besides to discourse any further of them would not be at all to my purpose.</p>
<br>
<p>Thus much I thought proper to tell you in relation to yourself, and to the trust I reposed in you.</p>
<p class="partners">Partners</p>
<img class="dropbox-Logo" src="images/Dropbox-Logo.png">
<img class="evernote-Logo" src="images/Evernote-Logo.png">
</div><div class="map-features-right">
<img class="world-map" src="images/World-Map.png">
</div>
</section>
<section class="iphone-screens">
<div class="container text-above-screens">
<h3>Beautiful Interface</h3>
<hr>
<p>Landing Screen</p>
</div>
<div class="images-showcase">
<ul class="images-list">
<li class="images-item">
<img src="images/Screen-1.png">
</li>
<li class="images-item">
<img src="images/Screen-2.png">
</li>
<li class="main-img">
<img src="images/iPhone-screen3.png">
</li>
<li class="images-item">
<img src="images/Screen-3.png">
</li>
<li class="images-item">
<img src="images/Screen-4.png">
</li>
</ul>
</div>
</section>
</body>
</html>