-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
216 lines (214 loc) · 10.4 KB
/
index.html
File metadata and controls
216 lines (214 loc) · 10.4 KB
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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Baxter</title>
<!--Style-->
<link href="css/style.css" rel="stylesheet">
<!--Logo at page-->
<link rel="shortcut icon" href="./img/Logo-planet.png" type="image/png">
<!--Font-Awesome-->
<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
</head>
<body>
<!--Black Section Line-->
<div class="blackSection"> </div>
<!--Grey Section Line-->
<div class="greySection"> </div>
<div class="wrapper">
<!--Logo and Navigation section-->
<header>
<a id="HOME"> </a>
<div class="sectionLogoBaxter">
<a href="#">
<img src="img/Logo.png" alt="Logo">
</a>
</div>
<!-- Navigation section-->
<nav>
<ul>
<li><a class="activ" href="#HOME"> HOME </a> </li>
<li><a href="#ABOUT"> ABOUT </a> </li>
<li> <a href="#SERVICES"> SERVICES </a> </li>
<li><a href="#PARTNERS"> PARTNERS </a> </li>
<li><a href="#SOLUTIONS"> SOLUTIONS </a> </li>
</ul>
</nav>
<div class="sectionFAQ">
<a href="#">
<img src="img/FAQ-logo.png" alt="FAQ">
</a>
</div>
</header>
<!--Body Section Page-->
<div class="main">
<a id="ABOUT"> </a>
<div class="leftLogo">
<div class="leftLogoText">
<h3> Fusce a sapien ac justo </h3>
<h5> Phasellus at elit velit,ac </h5>
</div>
</div>
<div class="rightPeople">
<img src="img/logo-people.png" alt="People picture">
</div>
</div>
<!--Informative Section-->
<div class="blocks">
<div class="blue block">
<h3>Dedicated 24/7 Support</h3>
<p> Pellentesque tellus tortor, lobortis eget venenatis non, aliquet a massa. Mauris aliquam ultrices lectus, quis </p>
<a href="#">Read More</a>
</div>
<div class="orange block">
<h3>Quality Assured Services</h3>
<p> Mauris euismod enim aliquet orci cursus aliquet. Nam lectus magna, varius nec aliquet in, pharetra eu felis. </p>
<a href="#">Read More</a>
<img src="img/blue.png" alt="">
</div>
<div class="green block">
<h3>Our Focus</h3>
<p>Etiam ut ligula orci. Praesent malesuada leo eu magna ultricies malesuada. Cras et velit a mi bibendum</p>
<a href="#">Read More</a>
<img src="img/orange.png" alt="">
</div>
</div>
<!--Support Section-->
<div class="form">
<div class="left">
<h2>Welcome to our site!</h2>
<h5>Sed a sollicitudin risus. Proin neque velit, rutrum et semper et, dignissim feugiat lacus. Donec ornare porta dictum. Quisque ornare, libero ac viverra </h5>
<p> Magna blandit magna, quis sollicitudin sapien tortor et ante. Nam ante ipsum, cursus ullamcorper volutpat ornare, volutpat ac arcu. Phasellus suscipit, leo sit amet scelerisque porta, neque enim malesuada neque, non bibendum magna mauris ullamcorper mauris. Curabitur enim felis, molestie fermentum ornare id, pellentesque et massa. Nullam vestibulum mi non urna semper vestibulum. </p>
<a href="#">read more</a>
</div>
<!--Form Support Section-->
<div class="right">
<h2>Request a Quote</h2>
<form action="#">
<input name="first_name" type="text" placeholder="First Name">
<input name="last_name" type="text" placeholder="Last name">
<input name="email" type="email" placeholder="Email Address">
<input type="submit" value="send">
</form>
</div>
</div>
</div>
<!--Information Section-->
<div class="black_block">
<div class="wrapper">
<a id="SERVICES"> </a>
<div class="left">
<h3>planning</h3>
<img src="img/Foto1.jpg" alt="">
<p>Integer luctus risus at lectus vestibulum interdum vitae ac lectus. Sed in felis neque. Sed facilisis metus non ligula commodo facilisis ut non tortor. Morbi turpis nunc, posuere vitae convallis ornare, eleifend pretium dolor. Nam fringilla orci at justo viverra fermentum. Nam fringilla aliquam nibh sed semper. Proin justo lectus, semper vitae commodo quis, vestibulum eget sem. Sed in felis libero, eget feugiat arcu. Praesent id augue pellentesque lorem consectetur dignissim ac in elit. Aenean commodo rutrum mauris et viverra. Nullam massa risus, aliquet ac sodales non, fermentum et dui. Proin nulla dolor, accumsan elementum vestibulum vitae, pellentesque vitae velit.</p>
<a href="#">read more</a>
</div>
<div class="left">
<h3>our team</h3>
<img src="img/Foto2.jpg" alt="">
<p>Integer luctus risus at lectus vestibulum interdum vitae ac lectus. Sed in felis neque. Sed facilisis metus non ligula commodo facilisis ut non tortor. Morbi turpis nunc, posuere vitae convallis ornare, eleifend pretium dolor. Nam fringilla orci at justo viverra fermentum. Nam fringilla aliquam nibh sed semper. Proin justo lectus, semper vitae commodo quis, vestibulum eget sem. Sed in felis libero, eget feugiat arcu. Praesent id augue pellentesque lorem consectetur dignissim ac in elit. Aenean commodo rutrum mauris et viverra. Nullam massa risus, aliquet ac sodales non, fermentum et dui. Proin nulla dolor, accumsan elementum vestibulum vitae, pellentesque vitae velit.</p>
<a href="#">read more</a>
</div>
<div class="right">
<h3>Baxter Blog <span>latest posts</span> </h3>
<div class="blog1">
<div class="img"> <img src="img/Foto3.jpg" alt=""> </div>
<div class="blog_text">
<h4>Sed a sollicitudin risus</h4>
<p>Ullamcorper, elit quis adipiscing egestas, massa leo tincidunt enim, in vehicula nisl lacus nec tortor. </p>
<a href="#">read more</a>
</div>
</div>
<div class="blog2">
<div class="img"> <img src="img/Foto4.jpg" alt=""> </div>
<div class="blog_text">
<h4>Sed a sollicitudin risus</h4>
<p>Ullamcorper, elit quis adipiscing egestas, massa leo tincidunt enim, in vehicula nisl lacus nec tortor. </p>
<a href="#">read more</a>
</div>
</div>
<div class="blog3">
<div class="img">
<img src="img/Foto5.jpg" alt="">
</div>
<div class="blog_text">
<h4>Sed a sollicitudin risus</h4>
<p>Ullamcorper, elit quis adipiscing egestas, massa leo tincidunt enim, in vehicula nisl lacus nec tortor. </p>
<a href="#">read more</a>
</div>
</div>
</div>
</div>
</div>
<!--Partners Section-->
<div class="gray_block">
<div class="wrapper">
<!--About Baxter Section-->
<a id="PARTNERS"> </a>
<div class="left">
<h3>About Baxter</h3>
<p>Donec ut tempor massa. Donec faucibus purus in ligula dictum quis consequat elit posuere. In consequat feugiat aliquam. Praesent tempor risus eget ante adipiscing non mollis enim commodo. Vivamus malesuada purus eget nisl hendrerit porttitor. Vestibulum a nibh elit. Phasellus justo nulla, auctor non tempus ut, dapibus sit amet sapien. Fusce turpis libero, rutrum nec fermentum quis, consectetur vel </p>
<h4>Quisque vestibulum porttitor lorem</h4>
</div>
<!--Partners Plus Section-->
<div class="left">
<h3>Our Partners</h3>
<ul class="fa-ul">
<li><i class="fa-li fa fa-plus"></i>Donec ut tempor massa. Donec faucibus puru</li>
<li><i class="fa-li fa fa-plus"></i>s in ligula dictum quis consequat elit posuere. In</li>
<li><i class="fa-li fa fa-plus"></i>vconsequat feugiat aliquam. Praesent tempor </li>
<li><i class="fa-li fa fa-plus"></i>isus eget ante adipiscing non mollis enim</li>
<li><i class="fa-li fa fa-plus"></i>commodo. Vivamus malesuada purus eget nisl</li>
</ul>
</div>
<div class="right">
<ul class="fa-ul">
<li><i class="fa-li fa fa-plus"></i>Donec ut tempor massa. Donec faucibus puru</li>
<li><i class="fa-li fa fa-plus"></i>s in ligula dictum quis consequat elit posuere. In</li>
<li><i class="fa-li fa fa-plus"></i>vconsequat feugiat aliquam. Praesent tempor </li>
<li><i class="fa-li fa fa-plus"></i>isus eget ante adipiscing non mollis enim</li>
<li><i class="fa-li fa fa-plus"></i>commodo. Vivamus malesuada purus eget nisl</li>
</ul>
</div>
</div>
</div>
<!--Footer Section-->
<footer>
<div class="wrapper">
<a id="SOLUTIONS"> </a>
<!-- copyright section-->
<div class="sectionFooterLogoBaxter">
<h4>Baxter <i class="fa fa-copyright" aria-hidden="true"></i> 2010 | Privacy Policy</h4>
</div>
<!-- Navigation section-->
<nav>
<ul>
<li><a href="#HOME"> HOME </a> </li>
<li><a href="#ABOUT"> ABOUT </a> </li>
<li> <a href="#SERVICES"> SERVICES </a> </li>
<li><a href="#PARTNERS"> PARTNERS </a> </li>
<li><a class="activ" href="#SOLUTIONS"> SOLUTIONS </a> </li>
</ul>
</nav>
<ul class="Footer-Logo">
<li> <img src="img/Footer-Logo-1.png" alt=""> </li>
<li>
<a href="#">
<img src="img/Footer-Logo-2.png" alt="">
</a>
</li>
<li>
<a href="#">
<img src="img/Footer-Logo-3.png" alt="">
</a>
</li>
<li>
<a href="#">
<img src="img/Footer-Logo-4.png" alt="">
</a>
</li>
</ul>
</div>
</footer>
</body>
</html>