-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
70 lines (69 loc) · 3.15 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>We are Tree</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<header class="header">
<div class="header__inner">
<hgroup>
<img class="logo_spec" alt="my website logo" src="images\tree.png">
<div class="header_title">
<h1>BONNY</h1>
<h4> FRONT END NINJA</h4>
</div>
</hgroup>
</div>
</header>
<section class="hero">
<article class="description">
<h2>Recent Discovery</h2>
<p class="paragraph_spec">Maecenas sit amet augue nec dui tempor auctor. Nulla at dapibus dui, non sagittis turpis. Nam at orci ante. Quisque commodo sem quam, ac rutrum lectus maximus vel. Donec a neque ut ante eleifend scelerisque. Sed vel mattis elit. Maecenas finibus odio ut porta ultrices. Nulla accumsan, sem nec finibus rutrum, augue tellus lacinia tellus, nec blandit mauris elit vitae risus. Aenean id bibendum quam, nec mollis mi.</p>
</article>
</section>
<section class="wrapper">
<h1>Featured Work</h1>
<ul class="container">
<div class="snippet">
<figure>
<img class="snippet__thumbnail" srcset="images/mature-sunflower.jpg" alt="image of a mature sunflower">
<figcaption class="caption_properties">
<h1> ELEMENT</h1>
<h4>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit</h4>
</figcaption>
</figure>
</div>
<div class="snippet">
<figure>
<img class="snippet__thumbnail" srcset="images/mature-sunflower.jpg" alt="image of a mature sun flower">
<figcaption class="caption_properties">
<h1> ELEMENT</h1>
<h4>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit</h4>
</figcaption>
</figure>
</div>
<div class="snippet">
<figure>
<img class="snippet__thumbnail" srcset="images/mature-sunflower.jpg" alt="image of a mature sunflower">
<figcaption class="caption_properties">
<h1> ELEMENT</h1>
<h4>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit</h4>
</figcaption>
</figure>
</div>
</ul>
</section>
<div class="footer">
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-google"></a>
<a href="#" class="fa fa-linkedin"></a>
</div>
</body>
</html>