-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
130 lines (109 loc) · 5.72 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
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Demo page Newyork</title>
<link rel="stylesheet" href="css/style1.css" class="css">
<link rel="stylesheet" href="css/responsiv.css" class="src">
</head>
<body>
<nav class="navbar background h-nav-resp">
<ul class="nav-list v-class-resp">
<div class="logo"><img src="img/l.jpg" alt="logo"></div>
<li><a href="#Home">Home</a></li>
<li><a href="https://investoforex.com/about/">About</a></li>
<li><a href="https://investoforex.com/all-services/">Services</a></li>
<li><a href="https://telegram.me/Investoforexx">Contact Us</a></li>
</ul>
<div class="rightNav v-class-resp">
<input type="text" name="search" id="search">
<button class="btn btn-sm">Search</button>
</div>
<div class="burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</nav>
<section class="background firstSection" id="Home">
<div class="box-main">
<div class="firsthalf">
<p class="big-t">New York The City Of Dreams</p>
<p class="small-t">In the world of 7 billion people There are so maney people in the world
have a dream to live in this city of United State of America.
</p>
<div class="button">
<button class="btn btt"><a href="https://investoforex.com/">Join Us</a></button>
<button class="btn btt"> <a href="https://www.youtube.com/channel/UC7uzjjmr99unhyNwDFqrt5A">Watch
videos</a></button>
</div>
</div>
<div class="secondhalf">
<img src="img/l.jpg" alt="laptop" class="src">
</div>
</div>
</section>
<section class="section" id="Services">
<div class="paras container-fluid">
<p class="secTag big-t">The beautiful picture of city</p>
<p class="secTagsub small-t">Lorem ipsum dolor sit amet consectetur adipisicing elit.
Ullam repudiandae cum perferendis. Molestias iusto quae voluptatibus sit quasi sunt autem
sequi, temporibus laborum sint? Placeat distinctio illum voluptas, animi sunt facere?
Reiciendis laudantium maiores unde, excepturi quia repudiandae? Ut quos natus unde id
fugit Lorem ipsum dolor, sit amet consectetur adipisicing elit. Neque magni laudantium
expedita maxime veritatis incidunt vel rerum fugit ea dicta qui, similique earum voluptas
quos odio error beatae.</p>
</div>
<div class="thumbnail">
<img src="img/l1.jpg" alt="City" class="src">
</div>
</section>
<section class="section secLeft">
<div class="paras container-fluid">
<p class="secTag big-t">Hospital wards are almost full</p>
<p class="secTagsub small-t">Lorem ipsum dolor sit amet consectetur adipisicing elit.
Ullam repudiandae cum perferendis. Molestias iusto quae voluptatibus sit quasi sunt autem
sequi, temporibus laborum sint? Placeat distinctio illum voluptas, animi sunt facere?
Reiciendis laudantium maiores unde, excepturi quia repudiandae? Ut quos natus unde id
fugit Lorem ipsum dolor, sit amet consectetur adipisicing elit. Neque magni laudantium
expedita maxime veritatis incidunt vel rerum fugit ea dicta qui, similique earum voluptas
quos odio error beatae, commodi amet, sequi quae alias saepe ad aliquam. Adipisci
accusantium perferendis odit Lorem ipsum dolor sit amet consectetur adipisicing elit.
Pariatur veniam commodi alias.</p>
</div>
<div class="thumbnail">
<img src="img/l4.jpg" alt="medicine" class="src">
</div>
</section>
<section class="section">
<div class="paras container-fluid">
<p class="secTag big-t">New york is suffing from toxic corona viruse</p>
<p class="secTagsub small-t">Lorem ipsum dolor sit amet consectetur adipisicing elit.
Ullam repudiandae cum perferendis. Molestias iusto quae voluptatibus sit quasi sunt autem
sequi, temporibus laborum sint? Placeat distinctio illum voluptas, animi sunt facere?
Reiciendis laudantium maiores unde, excepturi quia repudiandae? Ut quos natus unde id
fugit Lorem ipsum dolor, sit amet consectetur adipisicing elit. Neque magni laudantium
expedita maxime veritatis </p>
</div>
<div class="thumbnail corona">
<img src="img/logo.png" alt="corona virus" class="corona">
</div>
</section>
<section class="contact" id="Contact">
<h2 class="text-center">Contact Us</h2>
<div class="form">
<input class="form-input" type="text" name="name" id="name" placeholder="Enter your name">
<input class="form-input" type="email" name="email" id="email" placeholder="Enter your email">
<input class="form-input" type="number" name="number" id="number" placeholder="Enter your nubmer">
<textarea class="form-input" name="comment" id="comment" cols="15" rows="10"
placeholder="Drop your comments"></textarea>
<button class="btn btn-form">Submit</button>
</div>
</section>
<footer>
<p class="foot background">Copyright © - 2020 All rights researved</p>
</footer>
<script src="js/script.js"></script>
</body>
</html>