forked from charlespoon-hdse-projs/ada_web
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpage.html
41 lines (39 loc) · 2.7 KB
/
page.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
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/styles.css" />
</head>
<body>
<header>
<div class="headbar">
<div class="headbarInner">
Welcome, user.
<div class="right">Login | Register</div>
</div>
</div>
<div class="logoSearch">
<img src="img/logo.png" alt="logo" title="Back to Home page" />
<div class="right" id="searchbox">
<input type="text" name="criteria" placeholder="Search a product" />
<button type="submit">Search</button>
</div>
</div>
<div class="cellWrapper category">
<div class="cell categoryItem" id="catMale">Male</div>
<div class="cell categoryItem" id="catFemale">Female</div>
<div class="cell categoryItem" id="catKids">Kids</div>
<div class="cell categoryItem" id="catAccessories">Accessories</div>
</div>
</header>
<content>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean imperdiet enim sit amet eros euismod, vitae faucibus mauris euismod. Etiam in lorem lacus. Praesent facilisis, odio at laoreet porta, arcu sem fermentum velit, nec fringilla libero odio sed lectus. Sed sed pharetra velit, nec vestibulum lorem. Curabitur commodo dui nulla, a euismod elit laoreet eu. Maecenas lacinia ornare est non auctor. Aenean enim nisl, vulputate tempor nunc id, laoreet elementum arcu. Praesent id imperdiet lectus, a sollicitudin justo. Donec vel ex ac urna varius ultrices. Pellentesque vehicula elementum velit, eget lobortis elit pellentesque in. Maecenas consequat nibh quis enim rhoncus facilisis. Sed fringilla urna et ipsum mattis, sit amet interdum nulla sollicitudin. In et justo ipsum. Fusce ac interdum enim.</p>
<p>Suspendisse potenti. Curabitur semper ligula pellentesque mattis auctor. Donec eu ultricies erat, nec ornare mi. Praesent convallis nunc in dignissim bibendum. Ut et gravida tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc vel massa pharetra, mollis est vitae, molestie est. Donec ut accumsan mauris. Maecenas sed tempus mi.</p>
<p>Aliquam fringilla malesuada egestas. Pellentesque tincidunt, neque vel tristique faucibus, nisl sapien gravida purus, eget convallis justo enim non enim. Aenean non arcu tempus, sagittis diam et, fermentum sapien. Nulla vitae metus bibendum, vestibulum elit a, feugiat magna. Donec pretium maximus orci ac placerat. Integer sed laoreet justo. Donec egestas efficitur ipsum quis accumsan. Integer commodo placerat eros. In hac habitasse platea dictumst. Maecenas id porta elit, eget iaculis elit.</p>
</content>
<footer>
this is footer
</footer>
</body>
</html>