forked from CodeYourFuture/HTML-CSS-Coursework-Week1
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
58 lines (53 loc) · 3.16 KB
/
index.html
File metadata and controls
58 lines (53 loc) · 3.16 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<link rel="stylesheet" href="/css/style.css">
<title>The Nut Cracker</title>
</head>
<body>
<header>
<div class="box red">
<h1 class="title">The Nut Factory</h1>
<p class="title-desc">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat ea adipisci earum perferendis officia ex.</p>
</div>
</header>
<main class="container">
<article class="box art1">
<h2>Why we Love Nuts</h2>
<img src="./assest/pic-nuts-3.jfif" alt="picture of random nuts">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed tempora facere corrupti consectetur ut? Assumenda, maxime dolores. Dolore laborum perspiciatis fugit deleniti laudantium culpa, error, atque magni consectetur nostrum perferendis?
</p>
<a class="link-rdmore" href="#"><i class="fab fa-readme"> </i> Read more</a>
</article>
<article class="box art2">
<h2>We Sell a Variety of Imported and Local Nuts</h2>
<img src="./assest/pic-nuts-1.jfif" alt="picture of random nuts">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed tempora facere corrupti consectetur ut? Assumenda, maxime dolores. Dolore laborum perspiciatis fugit deleniti laudantium culpa, error, atque magni consectetur nostrum perferendis?
</p>
<a class="link-rdmore" href="https://kitchenofyouth.com/tag/pistachios/" target="_blank"><i class="fab fa-readme"> </i> Read more</a>
</article>
<article class="box art3">
<h2>Types of Nuts?</h2>
<img src="./assest/pic-nuts-2.jfif" alt="">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed tempora facere corrupti consectetur ut? Assumenda, maxime dolores. Dolore laborum perspiciatis fugit deleniti laudantium culpa, error, atque magni consectetur nostrum perferendis?
</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis cupiditate consequatur, autem in excepturi illo! Molestiae placeat dolor neque error eos? Fugit harum explicabo, quas accusamus ipsa quasi quod cumque?Voluptatibus assumenda
exercitationem eligendi consectetur, voluptates eaque ducimus dolores omnis, nostrum, quisquam pariatur facilis sequi facere ipsum corporis veniam suscipit? Eveniet recusandae maiores rerum deserunt quas. Magnam minima officia optio!</p>
<a class="link-rdmore" href="https://www.dietdoctor.com/low-carb/keto/nuts" target="_blank"><i class="fab fa-readme"> </i> Read more</a>
</article>
</main>
<footer>
<div class="box green"><small>theTrainMan2020</small></div>
<div class="social-media">
<i class="fab fa-facebook"></i>
<i class="fab fa-instagram-square"></i>
<i class="fab fa-linkedin"></i>
<i class="fab fa-google"></i>
<i class="fab fa-cc-paypal"></i>
</div>
</footer>
</body>
</html>