-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·85 lines (76 loc) · 5.03 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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>De'Otis Recipes</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<header class="header">
<h1>Denoti's Recipes</h1>
<nav>
<ul>
<li><a href="./recipes/thaipork.html">Thai</a></li>
<li><a href="./recipes/salisbury.html">Midwest</a></li>
<li><a href="./recipes/keto.html">Keto</a></li>
</ul>
</nav>
</header>
<div class="hero"></div>
<main class="main">
<section>
<h2 class="cook">Cooking</h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Omnis quos ea numquam voluptatem facere reiciendis voluptas soluta accusamus vitae dolorem, iusto veniam aspernatur iure voluptates sapiente natus. Distinctio, sunt fuga!</p>
<div class="cooking">
<figure>
<img src="./images/cooking.jpg" alt="food on a cooking pan">
<figcaption><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Unde exercitationem voluptatem cumque ullam fuga perspiciatis sapiente, ad temporibus saepe perferendis ut dicta eum fugit nesciunt quae neque iure soluta ipsam?</p></figcaption>
</figure>
</div>
<div>
<h2>Coffee</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa animi quod quisquam expedita iste accusamus similique quae dolor, tempora accusantium. Impedit assumenda voluptatum obcaecati non rerum, saepe ratione cum. Fuga.</p>
<div class="coffee">
<figure>
<img src="./images/coffee-1.jpg" alt="black coffee">
<figcaption>Black Cofee</figcaption>
</figure>
<figure>
<img src="./images/coffee-2.jpeg" alt="a cappuccino">
<figcaption>Capuccino</figcaption>
</figure>
<figure>
<img src="./images/coffee-3.jpg" alt="roasted coffee beans">
<figcaption>Roasted Coffee</figcaption>
</figure>
</div>
</div>
</section>
<section class="special">
<h2>Special Menu</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis vero deleniti est rerum earum dolor corrupti dolores cumque placeat, eius accusantium explicabo vitae perferendis ipsa quam porro at in. Dicta.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quia laborum illo necessitatibus similique dolor accusamus, autem deleniti enim, sed maiores voluptates provident veniam nihil rerum inventore! Quia autem in architecto.
</p>
<h3><a href="recipes/thaipork.html">Thai Pork Coconut Pork Curry</a></h3>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Fuga, quae eveniet! Repellat dicta doloremque animi veritatis repudiandae provident accusantium ipsum quia accusamus! Illum voluptas dignissimos, non sint quidem quisquam soluta.</p>
<h3><a href="recipes/salisbury.html">Midwest Salisbury Steak</a></h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore, doloribus ducimus? Laboriosam at quae unde, eveniet consectetur aliquam, amet optio magni excepturi recusandae illo iusto accusamus. Laboriosam neque ea recusandae.</p>
<h3><a href="recipes/keto.html">Keto Smothered Chicken Thighs</a></h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum assumenda consequuntur enim est optio provident fuga nisi culpa ab odit labore itaque dolorem, voluptate ipsam delectus ad quo harum esse.</p>
</section>
</main>
<footer>
<div class="foot">
<a href="https://twitter.com/otidennis98" target="_blank"><span class="fab icons fa-twitter"></span></a>
<a href="https://facebook.com" target="_blank"><span class="fab icons fa-facebook-f"></span></a>
<a href="https://www.instagram.com/de_oti98/" target="_blank"><span class="fab icons fa-instagram"></span></a>
<a href="https://github.com/denoti" target="_blank"><span class="fab icons fa-github"></span></a>
<a href="https://https://www.linkedin.com/in/dennis-otieno-b55a3a143/" target="_blank"><span class="fab icons fa-linkedin"></span></a>
</div>
</footer>
<script type="text/javascript" src="script.js"></script>
</body>
</html>