-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathintroduction.html
221 lines (186 loc) · 11.5 KB
/
introduction.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
<!--
*********************************************************************************************
* File: introduction.html
* Author: Madhurima Rawat
* Date: January 26, 2025
* Description: This is the introductory page of Madhurima Mindscape, a personal website designed
* to share a blend of technology, creativity, and personal insights. The page provides
* an overview of the website's purpose, the journey behind its creation, and introduces
* the main categories of content such as personal reflections, tech insights, project
* diaries, and creative photography. The design includes various sections with text
* and blockquotes, all presented in a clean, user-friendly layout.
* Version: 1.0
* GitHub Repository: https://github.com/madhurimarawat/Madhurima-Mindscape
* Issues/Bugs: For any issues or bugs, please visit the GitHub repository issues section.
* Comments:
- The page starts with a welcoming blockquote and a brief introduction of Madhurima Rawat.
- It outlines the journey and inspiration behind the website's creation and its balance of
professional and personal content.
- The categories section introduces key areas like tech insights, personal reflections, project
diaries, and creative photography.
- The footer section includes a copyright notice.
- The page uses external libraries like Bootstrap for styling, jQuery for Bootstrap functionality,
and Font Awesome for icons.
* Dependencies:
- Bootstrap 4.6.1 (for styling and responsive layout).
- jQuery 3.5.1 (for Bootstrap functionality).
- Custom CSS files (`index.css`, `contents.css`).
- Font Awesome 5.15.4 (for icons).
*********************************************************************************************
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="Welcome to the Introduction page of Madhurima Mindscape. Learn about the journey behind the website, its purpose, and explore the main categories of content including tech insights, personal reflections, project diaries, and creative photography.">
<meta name="keywords"
content="Madhurima Mindscape, personal website, tech insights, creative photography, personal reflections, project diaries, introduction">
<meta name="author" content="Madhurima Rawat">
<meta name="robots" content="index, follow">
<!--
Specifies the publication date and time in ISO 8601 format.
The structure includes:
- Date in YYYY-MM-DD format:
YYYY = 4-digit year (e.g., 2024)
MM = 2-digit month (e.g., 12 for December)
DD = 2-digit day (e.g., 18)
- A literal 'T' separator between date and time.
- Time in HH:MM:SS format:
HH = 2-digit hour in 24-hour format (e.g., 15 for 3 PM in UTC)
MM = 2-digit minutes (e.g., 20)
SS = 2-digit seconds (e.g., 13)
- 'Z' at the end indicates the time is in Coordinated Universal Time (UTC).
Example: "2024-12-18T15:20:13Z" represents December 18, 2024, at 3:20:13 PM UTC.
-->
<!-- Specifies the publication date and time in ISO 8601 format -->
<meta name="date" content="2024-12-18T15:20:13Z" />
<!-- Last Updated -->
<meta name="last-modified" content="2025-01-26T13:04:28Z">
<!-- Open Graph Meta Tags for social sharing -->
<meta property="og:title" content="Madhurima Mindscape - Explore Personal and Tech Insights" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://madhurimarawat.github.io/Madhurima-Mindscape/" />
<meta property="og:description"
content="Dive into Madhurima Mindscape - a space for personal reflections, tech insights, project stories, and creative photography." />
<meta property="og:image"
content="https://raw.githubusercontent.com/madhurimarawat/Madhurima-Mindscape/main/images/Illustration_1.png" />
<meta property="og:image:alt" content="Madhurima Mindscape Blog Snapshot" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Madhurima Mindscape - Explore Personal and Tech Insights" />
<meta name="twitter:description"
content="Dive into Madhurima Mindscape - a space for personal reflections, tech insights, project stories, and creative photography." />
<meta name="twitter:image"
content="https://raw.githubusercontent.com/madhurimarawat/Madhurima-Mindscape/main/images/Illustration_1.png" />
<title>Madhurima Mindscape</title>
<!-- For PNG and SVG logos -->
<link rel="icon" href="images/Logo.png" type="image/png">
<!-- Bootstrap CSS CDN-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"
integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/contents.css">
<!-- Link to Font Awesome -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
<script defer src="js/index.js"></script>
</head>
<body>
<!-- Placing the div with a specific id to insert the navbar -->
<div id="header-container"></div>
<h2>Explore the Blog!</h2>
<section class="startings">
<blockquote class="blockquote">
<p>
“Embrace creativity, knowledge, and connection—these are the building blocks of a fulfilling journey.”
</p>
</blockquote>
<p>Welcome to Madhurima Mindscape, a space where technology, art, and passion converge. I’m Madhurima Rawat, a
final-year B.Tech (Hons.) student in Computer Science and Engineering (Data Science), blending technical
expertise
with creative exploration. Dive into my journey of continuous growth, varied interests, and the joy of
connecting
with others.</p>
</section>
<section class="intro">
<h3>Welcome to My Personal Space!</h3>
<p>This is my personal website, created as a central place for sharing my thoughts, projects, and experiences.
Here, you’ll find a mix of tech articles, personal stories, and insights into my creative process.</p>
</section>
<section class="idea">
<h3>How It All Started</h3>
<p>During a moment of inspiration, I realized I needed a space to share my ideas, experiences, and the things
I’m learning. GitHub felt too focused on code, and LinkedIn was too formal for personal stories. So, I
created this website to strike a balance between both professional and personal content.</p>
<p>It's a place where I can share both my technical projects and personal insights in a way that feels true to
me—professional, but also a bit more approachable and human.</p>
</section>
<section class="categories">
<h3>Categories You'll Explore</h3>
<ul>
<li><strong>Introduction:</strong> Start by exploring the blog and learning more about me. Get an overview
of
what’s to come and dive into the stories and experiences I’ve shared.</li>
<li><strong>Personal Insights:</strong> Take a deeper look into my personal reflections and experiences.
These
sections provide valuable life lessons, from my reflections on the past year to the wisdom I’ve gained
along
the way.</li>
<li><strong>Tech Insights:</strong> Discover the tools, languages, and technologies I’ve encountered through
my
journey. I share my experiences working with data, the challenges faced, and the insights I've gained
from
solving technical problems.</li>
<li><strong>Project Diaries:</strong> Dive into the journey behind my various projects. From the initial
idea to
execution, I’ll walk you through how I conceptualized each project, the steps I took to bring them to
life,
and the lessons I learned along the way. You’ll get a behind-the-scenes look at my development process.
</li>
<li><strong>Creative Clicks:</strong> Explore my passion for photography and see the world through my lens.
These snapshots capture moments of beauty and creativity, showcasing my photography journey and how I
see
the world.</li>
</ul>
</section>
<section class="about-tech">
<h3>Tech Insights</h3>
<p>In this section, I share my experiences and insights with various tools, platforms, and technologies. I focus
on providing honest and practical advice, aiming to help others learn from both my successes and challenges.
</p>
</section>
<section class="purpose">
<h3>Why This Website?</h3>
<p>The main reason I created this website is to have a personal space to share everything I learn, think, and
create. GitHub and LinkedIn serve specific professional purposes, but I wanted something more personal and
versatile to showcase both my technical knowledge and my personal experiences.</p>
<p>You'll find that the professional content—like technical insights and project details—is presented in a
straightforward, helpful way. While I aim to keep the tech sections professional, I’ll sprinkle in a little
humor here and there to make things more engaging. Even in technical topics, I believe a touch of lightness
can
make learning more enjoyable, and memes will occasionally make an appearance for a good laugh!</p>
<p>If you'd like to get in touch, feel free to reach out via my <a
href="mailto:rawatmadhurima@gmail.com">email</a>.
I’m always open to feedback or new ideas!</p>
<p>While this website primarily serves as a personal blog, I have a separate portfolio for my professional
projects.
You can also find the GitHub repository for this website linked in the navbar if you’d like to contribute or
offer suggestions.</p>
</section>
<section class="organization">
<h3>How I Organized It All</h3>
<p>The content on this website is organized into categories that make navigation simple. Whether you're here for
technical resources, personal stories, or just to enjoy some photography, everything is easily accessible.
As the site grows, I’ll continue to add new articles and keep everything organized.</p>
</section>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
<br>
</body>
<footer class="footer-section">
<p>© 2024 Madhurima Mindscape. All rights reserved.</p>
</footer>
</html>