-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
175 lines (166 loc) · 8.18 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
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
164
165
166
167
168
169
170
171
172
173
174
175
<!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>Alsalamah blog</title>
<meta name="description" content="The blog of everything, read our articles and enjoy!"/>
<link rel="icon" type="image/png" href="imgs/logo.png">
<link rel="stylesheet" href="css/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,700;0,900;1,400;1,700&display=swap"
rel="stylesheet"
>
</head>
<body>
<div class="container">
<header class="header">
<nav class="navigation">
<ul class="nav-list">
<li class="list-item"><a class="link" href="/">Home</a></li>
<li class="list-item"><a class="link" href="blog-posts/4.html">Blog post</a></li>
<li class="list-item"><a class="link" href="https://udacity.com">Udacity</a></li>
</ul>
</nav>
<a href="/" class="logo">
<img src="imgs/logo.png" alt="Website logo">
</a>
</header>
<main class="cards-container">
<section class="cards-section">
<article class="post">
<div class="post-media">
<a href="blog-posts/1.html">
<img width="738" height="320" src="imgs/post1.png"
alt="post 1">
</a>
</div>
<div class="post-content">
<a href="blog-posts/1.html">
<h2>2022 Tips On How To Take Down A Website</h2>
</a>
<small class="post-author">
By <u class="author-name">Alsalama</u> | Last updated Oct 8, 2022
</small>
<!--
Source:
https://mycodelesswebsite.com/how-to-take-down-a-website/
-->
<p>Definitive guideThe basics of website management2022 Tips On How To Take Down A Website
QuicklySo you would like to know how to take down a website? Well, I'd be happy to help you
with it—so long as it is the legal way. Yes...</p>
<a href="blog-posts/1.html">
<p class="read-more">Read more</p>
</a>
</div>
</article>
<article class="post">
<div class="post-media">
<a href="blog-posts/2.html">
<img width="738" height="320" src="imgs/post2.jpg"
alt="post 1">
</a>
</div>
<div class="post-content">
<a href="blog-posts/2.html">
<h2>Farm scheduling versus blanket coverage</h2>
</a>
<h3>
When deciding between blanket coverage or scheduling, we have some tips that could help with
the decision.
</h3>
<small class="post-author">
By <u class="author-name">Alsalama</u> | Last updated Oct 8, 2022
</small>
<!--
Source:
https://www.statefarm.com/simple-insights/small-business/farm-scheduling-blanketing
-->
<p>As you look at insuring your farm or ranch, among your choices you'll need to consider is
blanket coverage versus scheduled.
Scheduled coverage individually insures farm personal property which is any non-household...
</p>
<a href="blog-posts/2.html">
<p class="read-more">Read more</p>
</a>
</div>
</article>
<article class="post">
<div class="post-media">
<a href="blog-posts/3.html">
<img width="738" height="320" src="imgs/post3.jpg"
alt="post 1">
</a>
</div>
<div class="post-content">
<a href="blog-posts/3.html">
<h2>Car fire: What to do if it happens to you</h2>
</a>
<h3>Car fires don't happen frequently, but when they do, they're a potentially deadly emergency.
Learn what to do when you experience a vehicle fire.</h3>
<small class="post-author">
By <u class="author-name">Alsalama</u> | Last updated Oct 8, 2022
</small>
<!--
Source:
https://www.statefarm.com/simple-insights/auto-and-vehicles/car-fire-what-to-do-if-it-happens-to-you
-->
<p>According to the recent figures from the
<a href="https://www.nfpa.org/~/media/fd0144a044c84fc5baf90c05c04890b7.ashx"
class="no-wrap">
National Fire Protection Association
</a>, there were
around 173,000 highway vehicle fires reported in 2020. While some car fires are caused by
collisions, they are more...
</p>
<a href="blog-posts/3.html">
<p class="read-more">Read more</p>
</a>
</div>
</article>
<article class="post">
<div class="post-media">
<a href="blog-posts/4.html">
<img width="738" height="320" src="imgs/post4.png"
alt="post 1">
</a>
</div>
<div class="post-content">
<a href="blog-posts/4.html">
<h2>17 Great Conversation Starters to Break the Ice at Networking Events</h2>
</a>
<small class="post-author">
By <u class="author-name">Alsalama</u> | Last updated Oct 8, 2022
</small>
<!--
Source:
https://blog.hubspot.com/marketing/conversation-starters-networking-events?_ga=2.38199460.64004374.1566500811-1493293515.1553017609
-->
<p>
Sometimes, we have to fall back on an arsenal of conversation starters. It helps to spark a
discussion, even when it's taking every ounce of willpower you have not to go home, turn on
Netflix, and order sushi.
</p>
<a href="blog-posts/4.html">
<p class="read-more">Read more</p>
</a>
</div>
</article>
</section>
</main>
<footer class="footer">
<div class="footer-content">
<div class="socials">
<a class="facebook" href="#"></a>
<a class="twitter" href="#"></a>
<a class="linkedin" href="#"></a>
</div>
<p class="footer-text">Made with ❤️ by Alsalama</p>
</div>
</footer>
</div>
</body>
</html>