-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
126 lines (112 loc) · 5.55 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
124
125
126
<html>
<head>
<title>Single Page</title>
<link rel="stylesheet" href="./app/css/style.min.css">
<!-- inject:css -->
<!-- endinject -->
</head>
<body>
<header>
<section class="mainHeader">
<div class="logo">
<img src="app/img/logo.png" alt="Logo">
</div>
<h2 class="tagline">
BE SURE YOU PUT YOUR FEET <b>IN THE RIGHT PLACE</b>
</h2>
</section>
</header>
<main>
<div class="badPopup">
<input type="text" placeholder="Enter your zip code">
<img src="app/img/Layer 3.png" alt="">
<img src="app/img/Layer 13.png" alt="">
<img src="app/img/Layer 6.png" alt="">
<img src="app/img/Layer 7.png" alt="">
<img src="app/img/Layer 5.png" alt="">
<img src="app/img/Layer 9.png" alt="">
<img src="app/img/Layer 15.png" alt="">
<img src="app/img/Layer 14.png" alt="">
<img src="app/img/Layer 4.png" alt="">
<img src="app/img/Layer 12.png" alt="">
<p>This is Photoshop's version of Lorem Ipsum</p>
<button>PRESS ME</button>
</div>
<section class="mediaContent">
<div class="documents">
<img src="app/img/Pages.png" alt="Documents">
<div class="blockText">
<h3>Documents</h3>
<p>This is Photoshop's version of Lorem
Ipsum. Proin gravida nibh vel velit auctor
aliquet. Aenean sollicitudin</p>
</div>
</div>
<div class="photos">
<img src="app/img/Camera.png" alt="Photos">
<div class="blockText">
<h3>Photos</h3>
<p>This is Photoshop's version of Lorem
Ipsum. Proin gravida nibh vel velit auctor
aliquet. Aenean sollicitudin</p>
</div>
</div>
</section>
<section class="mainSection">
<img src="app/img/main.png" alt="firstMain" class="smartphone">
<h3 class="firstBlock">This is a heading</h3>
<div class="mainText">
<p class="headingText">
This is Photoshop's version of Lorem Ipsum.
Proin gravida nibh vel velit auctor aliquet.
Aenean sollicitudin, lorem quis bibendum auctor,
nisi elit consequat ipsum, nec sagittis sem nibh id elit.
Duis sed odio sit amet nibh vulputate cursus a sit amet mauris.
<br>
<br>
<br>
Morbi accumsan ipsum velit.
Nam nec tellus a odio tincidunt auctor a ornare odio.
Sed non mauris vitae erat consequat auctor eu in elit.
Class aptent taciti sociosqu ad litora torquent per conubia nostra,
per inceptos himenaeos.
Mauris in erat justo.
Nullam ac urna eu felis dapibus condimentum sit amet a augue.
Sed non neque elit. Sed ut imperdiet nisi.
Proin condimentum fermentum nunc. Etiam pharetra,
erat sed fermentum feugiat, velit mauris egestas quam,
ut aliquam massa nisl quis neque.
Suspendisse in orci enim.
</p>
</div>
<div class="secondBlock">
<img src="app/img/main2.png" alt="secondMain">
<h3>This is heading</h3>
<p>
Morbi accumsan ipsum velit.
Nam nec tellus a odio tincidunt auctor a ornare odio.
Sed non mauris vitae erat consequat auctor eu in elit.
Class aptent taciti sociosqu ad litora torquent per
conubia nostra, per inceptos himenaeos. Mauris in erat justo.
Nullam ac urna eu felis dapibus condimentum sit amet a augue.
Sed non neque elit. Sed ut imperdiet nisi.
Proin condimentum fermentum nunc.
Etiam pharetra, erat sed fermentum feugiat,
velit mauris egestas quam, ut aliquam massa nisl quis neque.
Suspendisse in orci enim.
</p>
<button>Download</button>
</div>
</section>
<section class="maps">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d52488.48214059387!2d32.993090274246725!3d34.691806415048895!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14e73316ac02f49d%3A0xdaa97f957025b012!2z0JvQuNC80LDRgdGB0L7Quywg0JrQuNC_0YA!5e0!3m2!1sru!2sru!4v1576337376193!5m2!1sru!2sru" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
</section>
</main>
<footer>
<p> © Copyright 2013 Css Author, All Rights Reserved. </p>
</footer>
<script src="./app/js/min/main.min.js"></script>
<!-- inject:js -->
<!-- endinject -->
</body>
</html>