-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
151 lines (147 loc) · 5.65 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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="css/style.css">
<title>Group_2</title>
</head>
<body>
<header>
<div class="wrap">
<div class="all_menu">
<div class="logo"> </div>
<nav class="menu_wrapper">
<ul class="menu_wrapper all_elemrntmenu">
<li><a class="menu_wrapper activ" href="#">Home</a></li>
<li><a class="menu_wrapper navigator" href="#">Updates</a></li>
<li><a class="menu_wrapper navigator" href="#">Services</a></li>
<li><a class="menu_wrapper navigator" href="#">Features</a></li>
<li><a class="menu_wrapper navigator" href="#">About Us</a></li>
</ul>
</nav>
<div class="and_header">
<img class="world" src="svg/language.svg" alt="world and en">
<button class="header_btn">
<a href="#" class="button bottontop">Login</a>
</button>
</div>
</div>
</div>
</header>
<section class="block_1">
<div class="onesec">
<div class="bacground">
<div class="wrapper_1">
<p class="heading heading_one">
Arcu Suscipit Massa Aliquam <br> Proin Amet
</p>
<p class="onedescr">
Luctus felis sit lectus tristique diam ornare bibendum. Arcu auctor suspendisse luctus amet bibendum pellentesque lorem. Malesuada lobortis tristique tortor,
</p>
<button class="buttonpage1">
<a href="#" class="btnonentn">Get Started</a>
</button>
</div>
</div>
</div>
</section>
<section class= "block_5">
<p class="heading heading_5">
What Our Clients Says
</p>
<div class="descr descr_5">
Neque, Pulvinar Vestibulum Non Aliquam.
</div>
<div class="center">
<img class="strela-left" src="svg/Left.svg" alt="left">
<p class="new_descr">
“Pellentesque maecenas vitae vehicula eget. Ultricies ac id massa maecenas nulla arcu lacus. Turpis porttitor.”
</p>
<img class="strela-left" src="svg/right.svg" alt="right">
</div>
<div class="heder_secton_5">
<img class="avatar" src="svg/Avatar.svg" alt="right">
<div class="name">
<p class="updescr">
Courtney Henry
</p>
<p class="comment">
Marketing Coordinator
</p>
</div>
</div>
</section>
<section class="block_6">
<div class="descr">
Rhoncus, accumsan dictum
</div>
<h1 class="heading">
Etiam Nulla Lectus Amet Nunc <br>
Molestie At Vulputate.
</h1>
<div class="btn">
<button class="click quest">
<a href="#" class="blue">
Get free quotes
</a>
<div class="arrow arrow_blue"></div>
<div class="arrow_down arrow_left"></div>
</button>
<button class="click free">
<a href="#" class="quotes">
Free SignUp
</a>
<div class="arrow arrow_up"></div>
<div class="arrow_down right"></div>
</button>
</div>
</section>
<section class="block_7">
<div class="wrapper">
<div class="heading">
Frequent Ask Qustions
</div>
<p class="descr descr_seven">
Pellentesque Cras Adipiscing Tempus libero Vel Nullam Mauris Tellus. Aliquam Ultrices <br> Tellus Consequat Amet, lectus Aliquam Est In Neque.
</p>
</div>
<div class="inform">
<details class="one">
<summary>How soon will my order ship?
</summary>
</details>
<hr>
<details class="info">
<summary>Is there any warranty exclusions?
</summary>
<p class="information">
Venenatis, fames a a, in. Morbi pellentesque lacus, purus in tristique justo, pretium egestas. Commodo leo nisl consectetur nisi, tortor, erat sit at aliquet. brUltrices in aliquam maecenas cursus. Sed enim cursus augue quis risus. Ac donec quisque vitae feugiat dignissim diam.
</p>
</details>
<hr>
<details class="two">
<summary>
Are there any return exclusions?
</summary>
</details>
<hr>
<details class="question">
<summary>
Will I be charged for a replacement item?
</summary>
</details>
<hr>
<details class="end">
<summary>
How can I track my orders & payment?
</summary>
</details>
<hr>
</div>
</section>
</body>
</html>