-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
141 lines (128 loc) · 6.61 KB
/
blog.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
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=<device-width>, initial-scale=1.0">
<title>Coffee Brew - Blog</title>
<link rel="stylesheet" href="styles/global.css"/>
<link rel="stylesheet" href="styles/blog.css"/>
</head>
<body>
</body>
<!-- Header Section -->
<header class="blog-nav-bar">
<!-- Navigation Bar Content -->
<div class="nav-bar-title">
<img src="img/Icon coffee.png" alt="Coffee Brew Logo" class="logo">
Coffee Brew
</div>
<nav class="navigation">
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="courses.html">Courses</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<main>
<!-- Hero Section -->
<section class="hero">
<div class="hero-content">
<div class="hero-content-box">
<h1>Welcome to the Coffee Brew Blog</h1>
<p>Stay inspired with the latest coffee tips, brewing guides, and exclusive articles delivered straight to your inbox.</p>
<a href="subscribe.html" class="btn-main">Subscribe to Our Newsletter</a>
</div>
</div>
</section>
<!--Blog Section -->
<div class="blog-container">
<section class="blog">
<h2></h2>
<div class="blog-list">
<div class="blog-card">
<img src="img/blog-screen-1.svg" alt="The Perfect Espresso">
<h3>Exploring the Art of Latte</h3>
<p>Discover the intricate designs of latte art and the baristas who create them. From classic rosettas to intricate swans, latte art is both a skill and an expression of creativity. Learn about the techniques and tools used by baristas to craft these stunning designs that turn...</p>
<p><strong>Author:</strong> Laurent Descouteaux</p>
<p><strong>Publish Date:</strong> Dec 20, 2024</p>
<!-- <a href="blog.html" class="btn-secondary">Read More...</a> -->
</div>
<div class="blog-card">
<img src="img/blog-screen-2.svg" alt="Cappuccino Creations">
<h3>The Journey of Coffee Beans</h3>
<p>A deep dive into the origins of coffee beans and their journey to your cup. Explore how coffee beans are grown, harvested, and processed before they become the flavorful drink we all love. From lush tropical regions to the roasting process, this journey is as rich as the coffee itself.</p>
<p><strong>Author:</strong> Skylour Descouteaux</p>
<p><strong>Publish Date:</strong> Jan 5, 2025</p>
<!-- <a href="blog.html" class="btn-secondary">Read More...</a> -->
</div>
<div class="blog-card">
<img src="img/Brewing_techs.png" alt="Cappuccino Creations">
<h3> The Evolution of Coffee Brewing Techniques</h3>
<p>Dive into the fascinating journey of coffee brewing methods through history, from traditional Turkish coffee pots to the modern espresso machines revolutionizing cafés today. Learn about the innovations that have shaped how we enjoy coffee.</p>
<p><strong>Author:</strong> Skylour Descouteaux</p>
<p><strong>Publish Date:</strong> Jan 9, 2025</p>
<!-- <a href="blog.html" class="btn-secondary">Read More...</a> -->
</div>
<div class="blog-card white-card">
<img src="img/blog-screen-3.svg" alt="Coffee Culture">
<h3>Coffee Culture Around the World</h3>
<p>Explore the diverse coffee cultures from different parts of the globe. From Ethiopia’s traditional coffee ceremony to Italy’s quick espresso shots, every region brings a unique flavor. Discover how coffee connects people through shared rituals and traditions. Experience how local ingredients, preparation methods, and cultural valu...</p>
<p><strong>Author:</strong> Laurent Descouteaux</p>
<p><strong>Publish Date:</strong> Jan 12, 2025</p>
<!-- <a href="blog.html" class="btn-secondary">Read More...</a> -->
</div>
</div>
</section>
<section class="blog-sidebar">
<!-- Categories -->
<div class="sidebar-box categories">
<h3>Categories</h3>
<ul>
<li><a href="#">Brewing Techniques</a></li>
<li><a href="#">Coffee Beans</a></li>
<li><a href="#">Coffee Gear</a></li>
</ul>
</div>
<!-- Recent Posts -->
<div class="sidebar-box recent-posts">
<h3>Recent Posts</h3>
<ul>
<li><a href="#">Mastering the Espresso</a></li>
<li><a href="#">Top 5 Coffee Grinders</a></li>
<li><a href="#">Health Benefits of Coffee</a></li>
</ul>
</div>
<!-- Search Box -->
<div class="sidebar-box search-box">
<h3>Search</h3>
<form action="#">
<input type="text" placeholder="Search for articles..." />
<button type="submit">Search</button>
</form>
</div>
</section>
</main>
<footer class="footer">
<div class="footer-container">
<div class="footer-about">
<h3>About Coffee Brew</h3>
<p>CoffeeBrew is a blog dedicated to coffee enthusiasts, offering insights into brewing techniques, bean varieties, and much more.</p>
</div>
<div class="footer-connect">
<h3>Connect with Us</h3>
<ul class="footer-links">
<li><a href="#"><img src="img/facebook-f.svg" alt="Facebook Logo"></a></li>
<li><a href="#"><img src="img/twitter.svg" alt="Twitter Logo"></a></li>
<li><a href="#"><img src="img/instagram.svg" alt="Instagram Logo"></a></li>
</ul>
</div>
</div>
<div class="footer-copyright">
© 2025 Coffee Brew by Koiree Descoteaux. All Rights Reserved.
</div>
</footer>
</body>
<html>