-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
248 lines (231 loc) · 14.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
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="icon" href="/Images/logo.png" sizes="32*32">
<title>The Rich Mindset | Home Page</title>
</head>
<body>
<!-- Navigation Bar -->
<header class="bg-dark body-font sticky-top p-2">
<div class="container mx-auto flex flex-wrap pt-1 flex-col md:flex-row items-center">
<img src="/Images/logo.png" alt="TheRichMindset Logo" height="60px" width="80px">
<a class="flex title-font font-medium items-center justify-center text-gray-900 mb-4 md:mb-0" href="index.html">
<span class="ml-3 text-2xl mt-3 text-white">TheRichMindset</span></a>
<nav class="md:ml-auto md:mr-auto flex flex-wrap items-center text-white text-base justify-center color-wt">
<a class="mr-5 hover:bg-slate-100 hover:text-2xl hover:text-black hover:font-semibold rounded-md hover:underline text-xl"
href="index.html">Home</a>
<a class="mr-5 hover:bg-slate-100 hover:text-2xl hover:text-black hover:font-semibold rounded-md hover:underline text-xl"
href="about.html">About us</a>
<a class="mr-5 hover:bg-slate-100 hover:text-2xl hover:text-black hover:font-semibold rounded-md hover:underline text-xl"
href="blogs.html">Blog Workspace</a>
<a class="mr-5 hover:bg-slate-100 hover:text-2xl hover:text-black hover:font-semibold rounded-md hover:underline text-xl"
href="contact.html">Contact Us</a>
</nav>
</div>
</header>
<!-- Decorative Cover -->
<div id="carouselDarkVariant" class="carousel slide carousel-fade carousel-dark relative" data-bs-ride="carousel">
<div class="carousel-inner relative w-full overflow-hidden">
<div class="carousel-item active relative float-left w-full">
<img src="/Images/1.jpg" class="block w-full" alt="Motorbike Smoke" />
<div class="carousel-caption hidden md:block absolute font-family text-center">
<h5 class="text-4xl text-white">Welcome to TheRichMindset</h5>
<p class="text-white text-xl pt-2 pb-2">A place to Enrich your personality with different Skills.
</p>
<button class="btn btn-danger"><a style="text-decoration :none; color:white;">Motivational
Blogs</a></button>
<button class="btn btn-primary"><a style="text-decoration :none; color:white;">Inspiring
Stories</a></button>
<button class="btn btn-success"><a style="text-decoration :none; color:white;">Lifelong
Lessons</a></button>
</div>
</div>
</div>
</div>
<!-- Blogs by Users -->
<div class="container my-6 p-4">
<div class="row mb-6">
<div class="col-md-6">
<div
class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-2xl h-md-250 position-relative mr-1 ml-12">
<div class="col p-4 d-flex flex-column position-static">
<strong class="d-inline-block mb-2 text-primary">Rishab Shah</strong>
<h3 class="mb-0">Mind-Mapping</h3>
<div class="mb-1 text-muted">Dec 16</div>
<p class="card-text mb-auto">An Important step in starting any business. Generally, it gives
an overview of upcoming problems and further can be solved efficiently.</p>
</div>
<div class="col-auto d-none d-lg-block">
<img class="bd-placeholder-img p-2" width="200" height="250"
src="https://source.unsplash.com/500x600/?ideas, planning, mindmap" alt="">
</div>
</div>
</div>
<div class="col-md-6">
<div
class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-2xl h-md-250 position-relative mr-12 ml-1">
<div class="col p-4 d-flex flex-column position-static">
<strong class="d-inline-block mb-2 text-success">Trishla Bagga</strong>
<h3 class="mb-0">Designing</h3>
<div class="mb-1 text-muted">Dec 25</div>
<p class="mb-auto">The thing to Focus the most. As people will judge you on the basis of
your first Impression, so make it in a desirable manner.</p>
</div>
<div class="col-auto d-none d-lg-block">
<img class="bd-placeholder-img p-2" width="200" height="250"
src="https://source.unsplash.com/500x600/?designing, technique, tech" alt="">
</div>
</div>
</div>
</div>
<div class="row mb-6">
<div class="col-md-6">
<div
class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-2xl mr-1 ml-12 h-md-250 position-relative">
<div class="col p-4 d-flex flex-column position-static">
<strong class="d-inline-block mb-2 text-danger">Anonymous</strong>
<h3 class="mb-0">Integrity</h3>
<div class="mb-1 text-muted">Dec 16</div>
<p class="card-text mb-auto">A Quality which people generally ignore. But more than quality
it is an Ethical activity which helps you to be conscientious.</p>
</div>
<div class="col-auto d-none d-lg-block">
<img class="bd-placeholder-img p-2" width="200" height="250"
src="https://source.unsplash.com/500x600/?integrity,conscientiousness,honesty" alt="">
</div>
</div>
</div>
<div class="col-md-6">
<div
class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-2xl mr-12 ml-1 mr h-md-250 position-relative">
<div class="col p-4 d-flex flex-column position-static">
<strong class="d-inline-block mb-2 text-warning">Jatin Bhatt</strong>
<h3 class="mb-0">Taking Initiative</h3>
<div class="mb-1 text-muted">Dec 31</div>
<p class="mb-auto">One of the most Important thing to be a Leader. As people will not
recognize you as a leader if you wait for other's guidance rather that taking wise
decisions.</p>
</div>
<div class="col-auto d-none d-lg-block">
<img class="bd-placeholder-img p-2" width="200" height="250"
src="https://source.unsplash.com/500x600/?braim-storming,implementation,enterprenur" alt="">
</div>
</div>
</div>
</div>
<div class="row mb-6">
<div class="col-md-6">
<div
class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-2xl mr-1 ml-12 h-md-250 position-relative">
<div class="col p-4 d-flex flex-column position-static">
<strong class="d-inline-block mb-2 text-success">Sailesh Mathur</strong>
<h3 class="mb-0">Controlling Your Tongue</h3>
<div class="mb-1 text-muted">Dec 17</div>
<p class="card-text mb-auto">Getting Excited while speaking may lead to certain consequences.
</p>
</div>
<div class="col-auto d-none d-lg-block">
<img class="bd-placeholder-img p-2" width="200" height="250"
src="https://source.unsplash.com/500x600/?tongue,control,problems" alt="">
</div>
</div>
</div>
<div class="col-md-6">
<div
class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-2xl mr-12 ml-1 h-md-250 position-relative">
<div class="col p-4 d-flex flex-column position-static">
<strong class="d-inline-block mb-2 text-primary">Aryan Srivastava</strong>
<h3 class="mb-0">Brain-Storming</h3>
<div class="mb-1 text-muted">Jan 1</div>
<p class="mb-auto">It is a technique through which we can explore the unexpected ways of
solving a situation.</p>
</div>
<div class="col-auto d-none d-lg-block">
<img class="bd-placeholder-img p-2" width="200" height="250"
src="https://source.unsplash.com/500x600/?enterprenur,ideas,explore,business" alt="">
</div>
</div>
</div>
</div>
</div>
<hr>
<!-- Footer -->
<footer class="bg-slate-100 body-font">
<div
class="container px-10 py-8 mx-auto flex md:items-center lg:items-start md:flex-row md:flex-nowrap flex-wrap flex-col">
<div class="w-64 flex-shrink-0 md:mx-0 mx-auto text-center md:text-left">
<span class="ml-3 text-xl font-semibold">TheRichMindset 2022</span>
<a class="flex title-font font-medium items-center md:justify-start justify-center text-gray-900">
<img src="/Images/logo.png" alt="TheRichMindset Logo">
</a>
<p class="mt-2 text-sm font-semibold">TheRichMindset is a Blog website where you can share your
Amazing,
Brain-Storming ideas with others.</p>
</div>
<div class="flex-grow flex flex-wrap md:pl-20 -mb-10 md:mt-0 mt-10 md:text-left text-center">
<div class="lg:w-1/4 md:w-1/2 w-full px-4">
<h2 class="title-font font-medium text-gray-900 tracking-widest text-sm mb-3">SITEMAP</h2>
<nav class="list-none mb-10">
<li><a class="text-gray-600 hover:text-black hover:underline" href="/">Home</a></li>
<li><a class="text-gray-600 hover:text-black hover:underline" href="about.html">About Us</a>
</li>
<li><a class="text-gray-600 hover:text-black hover:underline" href="contact.html">Contact
Us</a>
</li>
</nav>
</div>
<div class="lg:w-1/4 md:w-1/2 w-full px-4">
<h2 class="title-font font-medium text-gray-900 tracking-widest text-sm mb-3">LINKS</h2>
<nav class="list-none mb-10">
<li><a class="text-gray-600 hover:text-black hover:underline"
href="https://www.competitivenessmindset.org" target="_blank">Competitiveness
Mindset
Institute</a></li>
<li><a class="text-gray-600 hover:text-black hover:underline" href="blogs.html"
target="_blank">Blog
Workspace</a></li>
<li><a class="text-gray-600 hover:text-black hover:underline" href="https://ffe.org/donate"
target="_blank">Support Us</a></li>
</nav>
</div>
<div class="lg:w-1/4 md:w-1/2 w-full px-4">
<h2 class="title-font font-medium text-gray-900 tracking-widest text-sm mb-3">DEVELOPER's
CONTACT
</h2>
<nav class="list-none mb-10 flex px-12">
<li><a href="/~https://github.com/bhut-vasu" target="_blank"
class="nav-link p-0 text-muted px-2"><img src="/Images/Github.png" alt="Github"
height="24px" width="24px"></a></li>
<li><a href="https://www.linkedin.com/in/vasu-bhut-5b726a212/" target="_blank"
class="nav-link p-0 text-muted px-2"><img src="/Images/LinkedIn.png" alt="LinkedIn"
height="24px" width="24px"></a></li>
<li><a href="https://www.instagram.com/vasubhut/" target="_blank"
class="nav-link p-0 text-muted px-2"><img src="/Images/Instagram.png" alt="Instagram"
height="24px" width="24px"></a></li>
</nav>
</div>
</div>
</div>
<hr>
<div class="bg-slate-100 top-un">
<div class="container mx-auto py-4 px-5 flex flex-wrap flex-col sm:flex-row"
style="justify-content: space-between;">
<p class="text-gray-500 text-sm text-center sm:text-left">© 2022 TheRichMindset — @High FLYers</p>
<span class="inline-flex sm:ml-auto sm:mt-0 mt-2 justify-center sm:justify-start">
<a class="link-dark" href="https://www.instagram.com/leader_in_me168" target="_blank"><img
src="/Images/Instagram.png" alt="instagram" height="24px" width="24px"></a>
<a class="link-dark pl-4" href="https://twitter.com/leaderinuu?t=AZrVYDqy9VUDJ2jy71-j4Q&s=08"
target="_blank"><img src="/Images/twitter.png" alt="Twitter" height="24px" width="24px"></a>
</span>
</div>
</div>
</footer>
</body>
</html>