-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
132 lines (131 loc) · 4.47 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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html>
<head>
<title>All You Can Read - Food Blog</title>
<link rel="stylesheet" href="./css/index.css" />
<script
src="https://kit.fontawesome.com/7e1b493547.js"
crossorigin="anonymous"
></script>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<div class="container home-container">
<header class="header home-header">
<nav class="tab-container">
<a class="tab" href="index.html">Home</a>
<a class="tab" href="#subscribe">Subscribe</a>
<a class="tab" href="#footer">Connect</a>
</nav>
<div class="title-container">
<h1 class="home-title">
All You Can Read <br />
<span class="home-subtitle">Food Blog</span>
</h1>
</div>
</header>
<div class="content">
<div class="articles">
<div class="featured-post">
<h2>Featured</h2>
<div class="lg-card">
<img
class="lg-card-img"
src="./img/blog-1.jpg"
alt="blueberry pancakes"
/>
<div class="lg-card-content">
<h3>Best Breakfast Ever!</h3>
<span>January 19, 2021</span>
<p>
Lobster first class artisan carrots. Lobster chocolate sauce
marinate rice foodtruck chopsticks blend herbes liquor ginger
chick peas grocery shopping.
</p>
<a class="btn" href=".\posts\blog-post-1.html">
<button>Continue Reading</button>
</a>
</div>
</div>
</div>
<div class="recent-posts">
<h2>Recent</h2>
<div class="recent-container">
<div class="sm-card">
<img class="sm-card-img" src="./img/blog-2.jpg" alt="pasta" />
<div class="sm-card-content">
<h3>Pasta Favorites</h3>
<p>
Drink consumer eggs. Pasta steam restaurants chocolate
heating chick peas.
</p>
<a class="btn" href=".\posts\blog-post-2.html">
<button>Continue Reading</button>
</a>
</div>
</div>
<div class="sm-card">
<img class="sm-card-img" src="./img/blog-3.jpg" alt="rice" />
<div class="sm-card-content">
<h3>Healthy Dinner in 30 Minutes!</h3>
<p>
Eat better marinate herbes ingredients caramelize banquet
broth olive oil.
</p>
<a class="btn" href=".\posts\blog-post-3.html">
<button>Continue Reading</button>
</a>
</div>
</div>
<div class="sm-card">
<img
class="sm-card-img"
src="./img/blog-4.jpg"
alt="leftovers in refrigerator"
/>
<div class="sm-card-content">
<h3>Transform Leftovers</h3>
<p>
Blender desert bread protein oranges breakfast cream. Cook
grocery shopping.
</p>
<a class="btn" href=".\posts\blog-post-4.html">
<button>Continue Reading</button>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="subscribe" id="subscribe">
<h2>Subscribe</h2>
<div class="sm-card">
<div class="subscribe-content">
<h3>Never miss a blog post!</h3>
<input type="email" name="email" placeholder="e-mail address" />
<button>Sign up!</button>
</div>
</div>
</div>
</div>
<footer class="footer" id="footer">
<a
href="https://www.facebook.com"
target="_blank"
class="fab fa-facebook-square fa-2x"
></a>
<a
href="https://twitter.com/?lang=en"
target="_blank"
class="fab fa-twitter-square fa-2x"
></a>
<a
href="https://www.linkedin.com"
target="_blank"
class="fab fa-linkedin fa-2x"
></a>
</footer>
</div>
</body>
</html>