-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpost-template.html
74 lines (69 loc) · 3.48 KB
/
post-template.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blog Post Title - YesAbba Writes</title>
<link rel="stylesheet" href="style.css"> <!-- Link to your existing CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="icon" type="image/png" href="img/logo.jpg">
</head>
<body>
<header>
<img src="img/logo.jpg" alt="YesAbbawrites" class="logo">
<h1>YesAbba Writes</h1>
<p>Where creativity meets purpose...</p>
<nav>
<a href="index.html">Home</a>
<a href="#services">Services</a>
<a href="#about">About Us</a>
<a href="#testimonials">Testimonials</a>
<a href="blog.html">Blog</a>
<a href="contact.html">Contact</a>
</nav>
</header>
<!-- Blog Post Content -->
<section id="blog-post" class="blog-post">
<div class="post-content">
<h2>Blog Post Title</h2>
<p class="meta">Published on January 28, 2025 by Admin</p>
<img src="img/blog-image.jpg" alt="Blog Post Image" class="post-image">
<div class="post-body">
<p>This is the full content of the blog post. You can add paragraphs, images, lists, and more here.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam scelerisque leo ac justo tincidunt, vel tincidunt nisi tincidunt. Donec auctor, nunc nec tincidunt tincidunt, nunc nisl tincidunt nunc, nec tincidunt nunc nisl nec nunc.</p>
<p>Vivamus auctor, nunc nec tincidunt tincidunt, nunc nisl tincidunt nunc, nec tincidunt nunc nisl nec nunc.</p>
</div>
<a href="blog.html" class="back-to-blog">Back to Blog</a>
</div>
</section>
<footer id="contact">
<div class="footer-content">
<!-- Left Column: Contact Info -->
<div class="footer-left">
<h3>Contact Us</h3>
<p><a href="tel:08127945747"><i class="fas fa-phone"></i> 08127945747</a></p>
<p><a href="tel:07031179735"><i class="fas fa-phone"></i> 07031179735</a></p>
<p><a href="mailto:info@yesabbawrites.online"><i class="fas fa-envelope"></i> info@yesabbawrites.online</a></p>
<p><a href="https://ng.linkedin.com/company/yesabba-writes?trk=public_post_feed-actor-name"><i class="fab fa-linkedin"></i> YesAbba Writes</a></p>
<p><a href="https://twitter.com/YesAbbawrites" target="_blank"><i class="fab fa-twitter"></i> @YesAbbawrites</a></p>
</div>
<!-- Right Column: Navigation Links and Logo -->
<div class="footer-right">
<img src="img/logo.jpg" alt="YesAbba Writes Logo" class="footer-logo">
<div class="footer-links">
<a href="index.html">Home</a>
<a href="#services">Services</a>
<a href="#about">About Us</a>
<a href="#testimonials">Testimonials</a>
<a href="blog.html">Blog</a>
</div>
</div>
</div>
<!-- Copyright Notice -->
<div class="copyright">
<p>© 2025 YesAbba Writes. All rights reserved.</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>