-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
66 lines (65 loc) · 2.41 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Sass Intro</title>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<header>
<div>
<img src="./images/sass.png" alt="" />
</div>
<nav>
<ul>
<li><a href="#">Browse</a></li>
<li><a href="#">Landing</a></li>
<li><a href="#">Pages</a></li>
<li><a href="#">Account</a></li>
</ul>
</nav>
</header>
<main>
<section class="banner">
<aside>
<h2>Clarusway's Sass Page</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Aliquam necessitatibus quaerat officiis deserunt ullam
enim at, deleniti provident illo, dolores assumenda
ipsum quibusdam molestiae saepe dolorum distinctio
expedita veniam. Odit, mollitia. In magnam perferendis
molestias.
</p>
<div>
<button>Browse Course</button>
<button>Sass-Scss</button>
</div>
</aside>
<img src="./images/banner-img.png" alt="" height="200px" />
</section>
<section class="cards">
<div class="card1">card1</div>
<div class="card2">card2</div>
<div class="card3">card3</div>
<div class="card4">card4</div>
</section>
<section class="articles">
<article class="article1">Article1</article>
<article class="article2">Article2</article>
</section>
</main>
<footer>
<p>Lorem ipsum dolor sit amet.</p>
<!-- .social-icons>div.social$*5>{s$} -->
<div class="social-icons">
<div class="social1">s1</div>
<div class="social2">s2</div>
<div class="social3">s3</div>
<div class="social4">s4</div>
<div class="social5">s5</div>
</div>
</footer>
</body>
</html>