-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
174 lines (161 loc) · 10.2 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
<!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>Trend Blogger</title>
<!-- Box-icon -->
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="nav container">
<a href="#" class="logo">Aryan's<span> Blogging Website</span></a>
</div>
</header>
<section class="home" id="home">
<div class="home-text container">
<h2 class="home-title">Personal Blogging WEB</h2>
<span class="home-subtitle">Your source of great content written by Author _aryankumar</span>
</div>
</section>
<section class="about container" id="about">
<div class="contentBx">
<h2 class="titleText">Catch up with the trending topics</h2>
<p class="title-text">
"Catching up with the trending topics is a great way to stay informed and engaged in the ever-changing world around us. <br> it's the latest news, viral videos, social media trends, or emerging discussions, being up-to-date allows us to participate in meaningful conversations and connect with others who share similar interests. <br>
By keeping a close eye on trending topics, we can gain valuable insights into current events, popular culture, and emerging ideas, making it easier to contribute our perspectives and thoughts to the global conversation. Embracing the trends of the moment also fosters a sense of curiosity, adaptability, and open-mindedness,
helping us to remain culturally aware and socially connected in this fast-paced digital age."
<br><br> click here to read more blogs
</p>
<a href="#post" class="btn2">Read More</a>
</div>
<div class="imgBx">
<img src="images/about1.jpg" alt="" class="fitBg">
</div>
</section>
<div class="post-filter container">
<span class="filter-item active-filter" data-filter="all">All</span>
<span class="filter-item" data-filter="tech">Tech</span>
<span class="filter-item" data-filter="news">News</span>
</div>
<div id="post" class="post container">
<!-- Post 1 -->
<div class="post-box tech">
<img src="images/AI.jpg" alt="" class="post-img">
<h2 class="category">Tech</h2>
<a href="#" class="post-title">The Rise of AI in Everyday Life: Smart Homes and Beyond</a>
<span class="post-date">12 july 2023</span>
<p class="post-description">Artificial Intelligence (AI) has rapidly become an integral part of our daily lives. From voice-activated virtual assistants to smart home devices that learn our preferences, AI is transforming how we interact with technology. In this blog post, we explore the latest trends in AI-driven smart home technology and its potential impact on various industries beyond the domestic sphere.</p>
<div class="profile">
<img src="images/testi1.png" alt="" class="profile-img">
<span class="profile-name">_aryankumar</span>
</div>
</div>
<!-- Post 2 -->
<!-- Post 4 -->
<div class="post-box news">
<img src="images/defi.png" alt="" class="post-img">
<h2 class="category">Tech</h2>
<a href="#" class="post-title">"Decentralized Finance (DeFi): Revolutionizing the Financial Landscape</a>
<span class="post-date">14 july 2022</span>
<p class="post-description">Decentralized Finance (DeFi) has emerged as a transformative force in the world of finance, providing accessible and decentralized alternatives to traditional banking systems. In this blog, we'll explore the ins and outs of DeFi, its advantages, potential risks, and how it's reshaping the future of financial services.</p>
<div class="profile">
<img src="images/testi1.png" alt="" class="profile-img">
<span class="profile-name">_aryankumar</span>
</div>
</div>
<!-- Post 5 -->
<div class="post-box tech">
<img src="images/meta.png" alt="" class="post-img">
<h2 class="category">Tech</h2>
<a href="#" class="post-title">Embracing the Metaverse: The Next Frontier of Virtual Reality</a>
<span class="post-date">16 july 2023</span>
<p class="post-description">Virtual Reality (VR) has come a long way, and the concept of the "Metaverse" is pushing the boundaries even further. In this blog, we delve into the metaverse's emergence as an interconnected virtual reality space where users can live, work, and socialize. We'll explore its potential applications, current challenges, and how it's reshaping industries like gaming, entertainment, and education.</p>
<div class="profile">
<img src="images/testi1.png" alt="" class="profile-img">
<span class="profile-name">_aryankumar</span>
</div>
</div>
<!-- Post 6 -->
<div class="post-box news">
<img src="images/news1" alt="" class="post-img">
<h2 class="category">News</h2>
<a href="#" class="post-title">India's eSports Revolution: Competitive Gaming on the Rise</a>
<span class="post-date">2 july 2023</span>
<p class="post-description">Gone are the days when video gaming was considered just a hobby. In India, eSports has emerged as a thriving industry, attracting a massive audience and investment from various sectors. The country's youth are passionately engaging in competitive gaming, participating in tournaments and leagues for games like PUBG Mobile, Free Fire, and Dota 2. </p>
<div class="profile">
<img src="images/testi1.png" alt="" class="profile-img">
<span class="profile-name">_aryankumar</span>
</div>
</div>
<!-- Post 7 -->
<div class="post-box tech">
<img src="images/yoga.jpg" alt="" class="post-img">
<h2 class="category">News</h2>
<a href="#" class="post-title">India's Health and Wellness Boom: Embracing Holistic Living</a>
<span class="post-date">4 july 2023</span>
<p class="post-description">Health and wellness have taken center stage in India, as people are prioritizing their physical and mental well-being like never before. Yoga, an ancient practice originating from India, has gained immense popularity worldwide, and now, more Indians are embracing it as part of their daily routines. Additionally, the trend of organic and plant-based diets is on the rise, with people opting for healthier and more sustainable food choices.</p>
<div class="profile">
<img src="images/testi1.png" alt="" class="profile-img">
<span class="profile-name">_aryankumar</span>
</div>
</div>
<!-- Post 1 -->
<div class="post-box news">
<img src="images/big.jpg" alt="" class="post-img">
<h2 class="category">News</h2>
<a href="#" class="post-title">Elvish Yadav's Wildcard Entry in Bigg Boss OTT Season 2: The Internet Sensation Enters the Drama-Filled House</a>
<span class="post-date"> 6 july 2023</span>
<p class="post-description">In an unexpected turn of events, Bigg Boss OTT Season 2 welcomed a wildcard entry that left both fans and contestants surprised and intrigued. Elvish Yadav, the popular Indian YouTuber and social media sensation, made his grand entry into the drama-filled Bigg Boss house, and it didn't take long for him to make an impact.</p>
<div class="profile">
<img src="images/testi1.png" alt="" class="profile-img">
<span class="profile-name">_aryankumar</span>
</div>
</div>
<!-- Post 9 -->
</div>
</div>
<footer>
<div class="footer-container">
<div class="sec aboutus">
<h2>About me</h2>
<p>Hello! I'm Aryan, a passionate individual pursuing a B.Tech degree with a focus on Full Stack Development and UI/UX Design.
<br>As an aspiring technologist, I am deeply enthusiastic about crafting seamless user experiences and building robust, innovative web applications. <br>
<br>Follow me on social media-
</p>
<ul class="sci">
<li><a href="https://www.instagram.com/aryanprajapatii__/"><i class="bx bxl-instagram"></i></a></li>
<li><a href="https://twitter.com/aryankumar_5"><i class="bx bxl-twitter"></i></a></li>
<li><a href="https://www.linkedin.com/in/aryan-kumar-5450491ba/"><i class="bx bxl-linkedin"></i></a></li>
</ul>
</div>
<div class="sec quicklinks">
<h2>Quick Links</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="https://aaravkumar02.github.io/CodeAlpha_personal_portfolio/">Vist my personal website</a></li>
</ul>
</div>
<div class="sec contactBx">
<h2>Contact Info</h2>
<ul class="info">
<li>
<span><i class='bx bxs-map'></i></span>
<span>Ghaziabad,Govindpuran - 201013 <br> Uttar Pradesh<br> India </span>
</li>
<li>
<span><i class='bx bx-envelope' ></i></span>
<p><a href="[email protected]">[email protected]</a></p>
</li>
</ul>
</div>
</div>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js" integrity="sha512-aVKKRRi/Q/YV+4mjoKBsE4x3H+BkegoM/em46NNlCqNTmUYADjBbeNefNxYV7giUp0VxICtqdrbqU7iVaeZNXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="main.js"></script>
</body>
</html>