-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathblogs.html
More file actions
163 lines (139 loc) · 6.53 KB
/
blogs.html
File metadata and controls
163 lines (139 loc) · 6.53 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
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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!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>Amaterasu: Blogs</title>
<!-- favicon section starts; used favicon.io -->
<link rel="icon" type="Image/png" sizes="32x32" href="images/favicon-32x32.png">
<link rel="apple-touch-icon" type="Image/png" sizes="180x180" href="images/apple-touch-icon.png"> <!-- IOS devices -->
<link rel="android-chrome-icon" type="Image/png" sizes="192x192" href="images/android-chrome-192x192.png"> <!-- Android/Chrome devices -->
<link rel="android-chrome-icon" type="Image/png" sizes="512x512" href="images/android-chrome-512x512.png"> <!-- Large Android/Chrome devices -->
<!-- favicon section ends -->
<!-- font awesome cdn link; allows me to use various icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<!-- external css stlyesheet-->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- header section starts-->
<header class="header">
<a href="index.html" class="logo">
<img src="images/logo.jpg" alt="Amaterasu Logo" class="img">
</a>
<nav class="navbar">
<a href="index.html">home</a>
<a href="#about">about us</a>
<a href="#menu">sale menu</a>
<a href="#products">products</a>
<a href="reviews.html">reviews</a>
<a href="contact.html">contact</a>
<a href="blogs.html">blogs</a>
</nav>
<div class="icons"> <!--font awesome icons-->
<div class="fas fa-search" id="search-btn"></div>
<div class="fas fa-shopping-cart" id="cart-btn"></div>
<div class="fas fa-bars" id="menu-btn"></div>
</div>
<div class="search-form">
<input type="searh" id="search box" placeholder="search here...">
<label for="search box" class="fas fa-search"></label>
</div>
<div class="cart-items-container">
<div class="cart-item">
<span class="fas fa-times"></span>
<img src="images/cart-item1 (1).png" alt="Gaming PC">
<div class="content">
<h3>Cart Item 01"></h3>
<div class="price">$2,100.99/-</div>
</div>
</div>
<div class="cart-item">
<span class="fas fa-times"></span>
<img src="images/cart-item2.png" alt="Gaming PC">
<div class="content">
<h3>Cart Item 02"></h3>
<div class="price">$1,700.99/-</div>
</div>
</div>
<div class="cart-item">
<span class="fas fa-times"></span>
<img src="images/cart-item3.png" alt="Gaming PC">
<div class="content">
<h3>Cart Item 03"></h3>
<div class="price">$1,100.99/-</div>
</div>
</div>
<a href="#" class="btn">checkout now</a>
</div>
</header>
<!--header section ends -->
<!--custom js file link-->
<script src="js/script.js"></script>
<!--blog section starts-->
<section class="blogs" id="blogs">
<h1 class="heading">our <span>forum</span></h1>
<div class="box-container">
<div class="box">
<div class="image">
<img src="images/blog1.jpg" alt="Amaterasu servers">
</div>
<div class="content">
<a href="#" class="title">how our servers are reshaping the globe</a>
<span>by admin / 22nd march, 2021</span>
<p>Our servers are helping to reshape the globe by...</p>
<a href="#" class="btn">read more</a>
</div>
</div>
<div class="box">
<div class="image">
<img src="images/blog2 (1).jpg" alt="Gaming Setup">
</div>
<div class="content">
<a href="#" class="title">how to maximize the aesthetics of any build</a>
<span>by admin / 21st april, 2021</span>
<p>Whether your your complete beginner or an experienced PC enthusiast...</p>
<a href="#" class="btn">read more</a>
</div>
</div>
<div class="box">
<div class="image">
<img src="images/blog3 2.jpg" alt="PC with excellent cable management">
</div>
<div class="content">
<a href="#" class="title">Mastering cable management for beginners to experts</a>
<span>by admin / 15th may, 2021</span>
<p>Even the most experienced PC builders stuggle with understanding the labrynith known...</p>
<a href="#" class="btn">read more</a>
</div>
</div>
</div>
</section>
<!--blog section ends-->
<!-- footer section starts -->
<section class="footer">
<!--social media icons-->
<div class="share">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-instagram"></a>
<a href="#" class="fab fa-linkedin"></a>
<a href="#" class="fab fa-pinterest"></a>
<a href="#" class="fab fa-discord"></a>
<a href="#" class="fab fa-youtube"></a>
<a href="#" class="fab fa-twitch"></a>
</div>
<div class="links">
<a href="index.html">home</a>
<a href="#about">about us</a>
<a href="#menu">menu</a>
<a href="#products">products</a>
<a href="reviews.html">reviews</a>
<a href="contact.html">contact</a>
<a href="blogs.html">blogs</a>
</div>
<div class="credit">created by <span>Ralph Worley</span> | all rights reserved | © 2021 Amaterasu PC Corporation</div>
</section>
<!-- footer section ends -->
</body>