-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
81 lines (76 loc) · 3.89 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio</title>
<link href="styles.css" rel="stylesheet" />
</head>
<body>
<nav class="navigation container">
<div class="nav-brand">
<img class="logo" src="robot-mascot-logo.jpg" alt="logo"/>
<h1 class="head">My Portfolio</h1>
<ul class="nav-pills">
<li class="list-item-inline">
<a class="link" href="index.html">Home</a>
</li>
<li class="list-item-inline">
<a class="link" href="projects.html">Web Dev</a>
</li>
<li class="list-item-inline">
<a class="link" href="projects2.html">React JS</a>
</li>
<li class="list-item-inline">
<a class="link" href="blogs.html">Blogs</a>
</li>
</ul>
</div>
</nav>
<header class="hero">
<h1 class="hero-heading">Shrey Pandey</h1>
<img class="hero-img" src="undraw_2.svg">
<h1 class="heading-inverted" style="color:rgb(250, 239, 239); font-family:'Montserrat', sans-serif;text-align: center;">A Tech Enthusiast</h1>
</header>
<section class="section ow">
<div class="container container-center">
<h1 style="color:black">Tech Portfolio</h1>
<p style="font-weight: bold;color:black">I'm familiar with HTML, CSS, JAVASCRIPT and REACT JS.
Please go through the projects section for my various open source contributions.
I have one year of industry experience in backend technologies as well, which mainly includes JAVA, springboot, MySQL database handling and RESTful web API.
I am also an electronincs hobbyist and have created some really cool projects on IoT and embedded systems.
Apart from this I can also work with Adobe photoshop and illustrator.</p>
</div>
</section>
<section class="section ow" style="background-color: #F59E0B">
<div class="container container-center">
<h1 style="color:black">Projects</h1>
<p style="font-weight: bold;color:black">I have mentioned two sets of projets.
First category of projects under "Web Dev" are based on fundamentals of web development.
While, the second category of projects under "React JS" section are based completely on React JS, Firebase and web APIs.</p>
<div class="container-projects">
<a class="link link-primary" href="projects.html">Web Dev</a>
<a class="link link-primary" href="projects2.html">React JS</a>
</div>
</div>
</section>
<section class="section ow">
<div class="container container-center">
<h1 style="color:black">Blogs</h1>
<p style="font-weight: bold;color:black">I have written blogs on various concepts of React JS. Check out those blogs using the link below.</p>
<a class="link link-primary" href="blogs.html">Blogs</a>
</div>
</section>
<footer class="footer">
<div class="footer-header">About Me</div>
<div >
<a class="footer-logo" href="https://github.com/shrey27"
target="_blank" rel="noopener noreferrer"><img class="logo_git" src="github_logo.png" alt="logo" /></a>
<a class="footer-logo" href="https://www.linkedin.com/in/shrey27/"
target="_blank" rel="noopener noreferrer"><img class="logo_git" src="linkedin_logo.png" alt="logo" /></a>
<a class="footer-logo" href="https://shrey027.hashnode.dev/"
target="_blank" rel="noopener noreferrer"><img class="logo_git" src="hashnode.jpeg" alt="logo" /></a>
</div>
</footer>
</body>
</html>