-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
139 lines (136 loc) · 5.29 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
<!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">
<link rel="stylesheet" href="css/utils.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/mobile.css">
<title>Document</title>
</head>
<body>
<nav class="navigation max-width-1 m-auto">
<div class="nav-left">
<span><a href="/"><img src="/img/logo.jpeg" alt="logo"></a></span>
<ul>
<li><a href="/">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="/contact.html">Contact</a></li>
</ul>
</div>
<div class="nav-right">
<form action="/search.html" method="get">
<input type="text" name="query" class="form-input" placeholder="Search Articles">
<button class="btn">Search</button>
</form>
</div>
</nav>
<div class="max-width-1 m-auto">
<hr>
</div>
<div class="content max-width-1 m-auto my-2">
<div class="content-left">
<h2>Explore the Uncharted: Journeys, Discoveries, and Hidden Gems</h2>
<p>Welcome to our vibrant blogging community, where your voice matters! Not only can you explore a wealth of
engaging
articles and blogs from our talented contributors, but you can also join the conversation. Share your
insights,
experiences, and stories with our global audience by contributing your own articles. Whether you're an
aspiring
writer, a seasoned expert, or someone with a unique perspective to offer, our platform is your canvas.
Start
crafting your narratives and let your ideas shine on our blog. Together, we create a diverse tapestry of
thoughts
and knowledge that enriches the lives of our readers. Join us in shaping the discourse and fostering
connections
through the power of words.</p>
</div>
<div class="content-right">
<img src="img/home.jpeg" alt="pencil">
</div>
</div>
<div class="max-width-1 m-auto">
<hr>
</div>
<div class="home-articles max-width-1 m-auto font2">
<div class="year-box">
<h3>Year</h3>
<div>
<select name="year">
<option value="2018">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
<option value="2021">2021</option>
<option value="2022">2022</option>
<option value="2023">2023</option>
</select>
</div>
</div>
<h2>Featured Articles</h2>
<div class="home-article">
<img src="/img/home3.jpeg" alt="pencil">
<div class="home-article-content font2">
<a href="/blogpost1.html">
<h3>The Evolution of Artificial Intelligence</h3>
</a>
<div>Author Name</div>
<span> 07 January | 6 min read</span>
</div>
</div>
<div class="home-article">
<img src="/img/home3.jpeg" alt="pencil">
<div class="home-article-content">
<a href="/blogpost2.html">
<h3>The Impact of Quantum Computing</h3>
</a>
<div>Author Name</div>
<span> 07 January | 6 min read</span>
</div>
</div>
<div class="home-article">
<img src="/img/home3.jpeg" alt="pencil">
<div class="home-article-content">
<a href="/blogpost3.html">
<h3>Cybersecurity in the Digital Age</h3>
</a>
<div>Author Name</div>
<span> 07 January | 6 min read</span>
</div>
</div>
<div class="home-article">
<img src="/img/home3.jpeg" alt="pencil">
<div class="home-article-content">
<a href="/blogpost4.html">
<h3>The Rise of Cloud Computing</h3>
</a>
<div>Author Name</div>
<span> 07 January | 6 min read</span>
</div>
</div>
<div class="home-article">
<img src="/img/home3.jpeg" alt="pencil">
<div class="home-article-content">
<a href="/blogpost5.html">
<h3>The World of Data Science and Big Data</h3>
</a>
<div>Author Name</div>
<span> 07 January | 6 min read</span>
</div>
</div>
<div class="home-article">
<img src="/img/home3.jpeg" alt="pencil">
<div class="home-article-content">
<a href="/blogpost6.html">
<h3>The Future of Human-Computer Interaction</h3>
</a>
<div>Author Name</div>
<span> 07 January | 6 min read</span>
</div>
</div>
</div>
<div class="footer">
<p>Copyrights © WEBSITENAME</p>
</div>
</body>
</html>