-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
189 lines (186 loc) · 5.91 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- optional for SEO -->
<meta
name="description"
content="A minimal portfolio website showcasing my skills, projects, and writings."
/>
<meta
name="keywords"
content="portfolio, minimal design,minimalism, web development, projects, skills, html, css"
/>
<meta name="author" content="Nilaacodes" />
<meta property="og:title" content="Nilaacodes | Home" />
<meta
property="og:description"
content="A minimal portfolio website showcasing my skills, projects, and writings."
/>
<meta
property="og:image"
content="https://nilaachandra.github.io/animepfp.jpg"
/>
<meta
property="og:url"
content="https://nilaachandra.github.io/minimalio"
/>
<meta property="og:type" content="website" />
<!-- optional for SEO -->
<title>Nilaacodes | Home</title>
<link rel="stylesheet" href="style.css" />
<link rel="icon" type="image/jpg" href="./animepfp.jpg" />
</head>
<body>
<header>
<img src="./animepfp.jpg" alt="" height="90" width="90" />
<div>
<div>
<h1 style="line-height: 0">Nilaa Laishram</h1>
</div>
<p style="color: #fd6500;">
Full Stack Developer | UI Designer
</p>
</div>
</header>
<nav>
<a href="index.html" style="text-decoration: underline; color: white"
>Home</a
>
<a href="works.html">Works</a>
<a href="blogs.html">Blogs</a>
<a href="contact.html">Contact Me</a>
</nav>
<main>
<section class="about">
<h1>About me</h1>
<p>
I am a Full Stack Developer with a background in geology and
mathematics. I love building and shipping cool products. My expertise
lies in React, Next.js, and UI design, and I enjoy working on projects
that challenge me to learn new things.
</p>
</section>
<section class="about">
<h1>Skills</h1>
<p>
Next.Js, React, TypeScript, JavaScript, Tailwind, Express, PostgreSQL,
MySQL, Prisma, Supabase, Firebase, Figma.
</p>
</section>
<section class="experience">
<h1>Experience</h1>
<ul>
<li><span>Developer Freelancer</span> ● January 2024 - Present</li>
<li>
<span>Web Dev Instructor, SkyIL Computer Institute</span> ● May 2023
- Present
</li>
</ul>
</section>
<section class="projects">
<h1>Projects</h1>
<ul>
<li>
<a href="https://Spotlistify.vercel.app" target="_blank"
>Spotlistify</a
>
- A directory of Spotify playlists.
</li>
<li>
<a href="https://sillyquestions.vercel.app" target="_blank"
>Silly Questions</a
>
- An AI powered silly tecch questions generator.
</li>
<li>
<a href="https://27startups.vercel.app" target="_blank"
>27Startups</a
>
- A directory of app, product, bussinesses, startups ideas.
</li>
</ul>
<a href="works.html">More Projects</a>
</section>
<section>
<h1>My Blogs</h1>
<ul>
<li>
<a href="blog-example.html">The Art of Minimal UI Design</a> - A
blog post on creating simple and effective user interfaces.
</li>
<li>
<a
href="https://nilaacodes.vercel.app/writings/building-a-component-for-my-portfolio-that-shows-how-far-you-are-from-me"
>Building a component for my portfolio that shows how far you are
from me.</a
>
- Tutorial on how to build a component that calculates the distance
between two location through ip address.
</li>
<li>
<a
href="https://nilaacodes.vercel.app/writings/real-madrid-lost-pre-season-el-clasico"
>Real Madrid lost their pre season El Clasico, and you know what
that means!!</a
>
-Preseason has started and Real Madrid have lost the first two
games.
</li>
</ul>
<a href="blogs.html">More Blogs</a>
</section>
<section id="contact">
<h1>Contact Me</h1>
<ul>
<li>
Email:
<a href="mailto:[email protected]">[email protected]</a>
</li>
<li>
Twitter:
<a href="https://x.com/nilaacodes" target="_blank">nilaacodes</a>
</li>
<li>
GitHub:
<a href="https://github.com/nilaachandra" target="_blank"
>github.com/nilaachandra</a
>
</li>
<li>
Main Portfolio:
<a href="https://nilaacodes.vercel.app" target="_blank"
>Nilaacodes</a
>
</li>
<li>
Instagram:
<a href="https://www.instagram.com/niillaaa.a/" target="_blank"
>niillaaa.a</a
>
</li>
<li>
Buy Me A Coffee:
<a href="https://buymeacoffee.com/nilaacodes" target="_blank"
>buymeacoffee.com/nilaacodes</a
>
</li>
</ul>
</section>
</main>
<hr />
<footer>
© 2024 Nilaacodes. All rights reserved.
<p>
Disclaimer: Building this minimal design was tougher than it looks.
Every detail took a lot of effort to get just right. Thanks for
visiting, and I hope you enjoy the simplicity!
</p>
<p style="font-style: italic">
"Good design is as little design as possible." - some German
motherfucker
</p>
</footer>
</body>
</html>