-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
131 lines (123 loc) · 6.26 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords"
content="HTML, CSS, JavaScript, Portfolio, Supriya Minnasandram,Supminn,SupTECH, Web developer">
<meta name="description" content="Web Development Portfolio">
<meta name="author" content="Supriya">
<meta name="Copyright" content="SupTECH">
<title>Supminn | Home</title>
<link rel="icon" href="images/favicon.png" type="image/png" sizes="16x16">
<link rel="stylesheet" href="styles/stylesheet.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
<script defer src="./scripts/theme.js"></script>
</head>
<body class="homepage">
<nav class="navigation container">
<div class="flex-container">
<b class="nav-brand">SupTECH</b>
<i class="btn-theme far fa-moon"></i>
</div>
<ul class="list-non-bullet nav-pills flex-mobile">
<li class="list-item-inline">
<a aria-label="home" class="link link-active" href="/"><i class="fas fa-home"></i><span
class="web-desc"> Home</span></a>
</li>
<li class="list-item-inline">
<a aria-label="projects" class="link" href="/projects.html"><i class="fas fa-tablet-alt"></i><span
class="web-desc">
Projects</span></a>
</li>
<li class="list-item-inline">
<a aria-label="blogs" class="link" href="/blogs.html"><i class="fas fa-newspaper"></i><span
class="web-desc">
Blogs</span></a>
</li>
</ul>
</nav>
<div class="content-container">
<header class="hero">
<img class="hero-img" src="images/programmer.svg" alt="hero" />
<h1 class="hero-heading">Supriya the <span class="heading-inverted"> web developer</span></h1>
</header>
<section class="section off-white container-center">
<div class="container ">
<h1>Technologies</h1>
<p>I'm a Software Developer who thrives to learn and develop <strong>new skills</strong>. Through a
cohort based web development bootcamp named
NeoGcamp, I have learnt the following technologies:</p>
<div class="grid-container">
<span><i class="fab fa-html5"></i> HTML</span>
<span><i class="fab fa-css3-alt"> </i> CSS</span>
<span><i class="fab fa-js-square"> </i> JavaScript</span>
<span><i class="fab fa-react"></i> React</span>
<span><i class="fab fa-node-js"></i> TypeScript</span>
<span><i class="fab fa-node"></i> NodeJS</span>
<span><i class="fas fa-database"></i> MongoDB</span>
</div>
<p>This is just the start of my journey. I discuss about my learnings on <a aria-label="twitter"
class="web-link" rel="noopener noreferrer" target="_blank" href="https://twitter.com/supminn">
Twitter
</a></p>
</div>
</section>
<section class="section container-center">
<div class="container">
<a class="link link-primary txt-highlight" href="/projects.html">See Projects</a>
<p> Most good programmers do programming not because they expect to get paid or get adulation by the
public,
but because it is fun to program. <br /> I'd like to showcase my work and thus, you can see my
projects
hosted online.</p>
<p>Checkout <a aria-label="github" class="web-link" href="https://github.com/supminn"
rel="noopener noreferrer" target="_blank">
Github
</a> to get updates about my latest projects and development.</p>
</div>
</section>
<section class="section off-white container-center">
<div class="container">
<a class="link link-secondary txt-highlight" href="/blogs.html">Read Blogs</a>
<p>Share your knowledge. It’s a way to achieve immortality.<br /> I have recently started working on
some
technical and non technical blogs. I like to document my journey of learning. </p>
</div>
</section>
<section class="section container-center">
<div class="container">
<a class="link link-primary txt-highlight" href="https://www.youtube.com/embed/d36eeq0w1ug" rel="noopener noreferrer" target="_blank">Tech Talks</a>
<div class="iframe-container"><iframe class="responsive-iframe"
src="https://www.youtube.com/embed/d36eeq0w1ug">
</iframe>
</div>
</div>
</section>
</div>
<footer class="footer">
<div class="footer-header">Social media presence</div>
<ul class="social-links list-non-bullet">
<li class="list-item-inline">
<a aria-label="github" class="link" href="https://github.com/supminn" rel="noopener noreferrer"
target="_blank">
<i class="fab fa-lg fa-github"></i><span class="web-desc"> Github</span>
</a>
</li>
<li class="list-item-inline">
<a aria-label="twitter" class="link" rel="noopener noreferrer" target="_blank"
href="https://twitter.com/supminn">
<i class="fab fa-lg fa-twitter"></i><span class="web-desc"> Twitter</span>
</a>
</li>
<li class="list-item-inline">
<a aria-label="linkedin" class="link" rel="noopener noreferrer" target="_blank"
href="https://www.linkedin.com/in/supminn">
<i class="fab fa-lg fa-linkedin-in"></i><span class="web-desc"> Linkedin</span>
</a>
</li>
</ul>
<small>Copyright © 2020 SupTECH</small>
</footer>
</body>
</html>