-
Notifications
You must be signed in to change notification settings - Fork 0
/
demo5.html
46 lines (46 loc) · 3.3 KB
/
demo5.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Design Drastic</title>
<link rel="stylesheet" href="assets/common.css">
<link rel="stylesheet" href="assets/demo5/css/style.css">
<link
href="https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Mukta:wght@400;500;600;700;800&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Red+Rose:wght@300;400;700&family=Sora:wght@200;300;400;500;600;700;800&display=swap"
rel="stylesheet">
</head>
<body>
<div id="cursor">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<div class="box">
<ul class="menu">
<li><a href="#" class="a-link">Home</a></li>
<li><a href="#" class="a-link">About</a></li>
<li><a href="#" class="a-link">Services</a></li>
<li><a href="#" class="a-link">Blog</a></li>
<li><a href="#" class="a-link">Contact</a></li>
<li class="right"><a href="#" class="a-link"><img src="assets/icons/user.svg"></a></li>
<li class="right"><a href="#" class="a-link"><img src="assets/icons/search.svg"></a></li>
</ul>
<div class="clearfix"></div><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt alias impedit distinctio nobis consequatur exercitationem, laborum molestiae vero iure quisquam nesciunt blanditiis atque qui nostrum veritatis voluptate et. Error, delectus?
Lorem ipsum dolor sit amet consectetur adipisicing elit. <a class="a-link" href="https://designdrastic.com">Quidem inventore</a> iusto voluptates, aliquid veritatis ut incidunt labore repudiandae at. Dolorum odit, eveniet a doloremque nulla at distinctio facere nihil commodi. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt alias impedit distinctio nobis consequatur exercitationem, laborum molestiae vero iure quisquam nesciunt blanditiis atque qui nostrum veritatis voluptate et. Error, delectus?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem inventore iusto voluptates, aliquid veritatis ut incidunt labore repudiandae at. Dolorum odit, eveniet a doloremque nulla at distinctio facere nihil commodi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt alias impedit distinctio nobis consequatur
exercitationem, <a href="https://designdrastic.com" class="a-link">Laborum molestiae</a> vero iure quisquam nesciunt blanditiis atque qui nostrum veritatis voluptate et.
Error, delectus? Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem inventore iusto voluptates, aliquid veritatis ut
incidunt labore repudiandae at. Dolorum odit, eveniet a doloremque nulla at distinctio facere nihil commodi. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt alias impedit distinctio nobis consequatur
exercitationem, laborum molestiae vero iure quisquam nesciunt blanditiis atque qui nostrum veritatis voluptate et.
Error, delectus?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem inventore iusto voluptates, aliquid veritatis ut
incidunt labore repudiandae at. Dolorum odit, eveniet a doloremque nulla at distinctio facere nihil commodi.</p>
<div class="clearfix"></div>
</div>
<script src="assets/demo5/js/script.js"></script>
</body>
</html>