forked from ManishPoduval/responsive-bootstrap-portfolio
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
106 lines (96 loc) · 6.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
<html>
<head>
<!-- For responsive web design -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Linking bootstraps css files -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<!-- Linking your own css files -->
<link rel="stylesheet" href="style.css">
</head>
<body >
<!-- NAVBAR SECTION-->
<nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark">
<a class="navbar-brand" href="#">Manish Poduval</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#about">About Me</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#projects">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
<li class="nav-item">
<a target="_blank" class="nav-link" href="https://drive.google.com/file/d/16F8To75_-URmeFmPlcGVsRoIWrRK6Ce7/view" download="">
Resume
</a>
</li>
</ul>
</div>
</nav>
<!-- LANDING PAGE SECTION-->
<div class="h-100 d-flex flex-column justify-content-center align-items-center">
<img class="img-fluid picture" src='https://avataaars.io/?avatarStyle=Circle&topType=Hat&accessoriesType=Prescription02&facialHairType=Blank&clotheType=Hoodie&clotheColor=Red&eyeType=Happy&eyebrowType=RaisedExcited&mouthType=Smile&skinColor=Light' alt="Me" >
<section class="h2 p-3">Pokemon Trainer. Pizza maker. Web Developer.</section>
</div>
<!-- ABOUT ME SECTION-->
<div id="about" class="d-flex flex-column p-5 px-10 justify-content-center align-items-center">
<h1 class="p-3">About me</h1>
<section class="h2 lead p-2"> I love to create minimal and impactful user experiences. As a empathetic, curious thinker and a voracious learner, I'm passionate about collaborating on innovation. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</section>
</div>
<!-- PROJECTS SECTION-->
<div id="projects" class=" d-flex flex-row p-5 flex-wrap justify-content-center p-3align-items-center">
<div class="card m-3" style="width: 30rem;">
<img src="https://imgur.com/BI6Y4p3.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title h2">Project 1</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
<div class="card m-3" style="width: 30rem;">
<img src="https://imgur.com/HycMqLT.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title h2">Project 2</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
<div class="card m-3" style="width: 30rem;">
<img src="https://imgur.com/ZaRAvUQ.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title h2">Project 3</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
<div class="card m-3" style="width: 30rem;">
<img src="https://imgur.com/jQZthWf.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title h2">Project 4</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>
<!-- CONTACT SECTION-->
<div id="contact" class=" p-3 d-flex flex-row flex-wrap justify-content-center align-items-center">
<a target="_blank" href="https://www.linkedin.com/in/manishpoduval/" >
<button type="button" class="btn m-3 btn-light">LinkedIn</button>
</a>
<a target="_blank" href="https://github.com/ManishPoduval" >
<button type="button" class="btn m-3 btn-light">Github</button>
</a>
<a href="mailto:manish@gmail.com">
<button type="button" class="btn m-3 btn-light"> Email</button>
</a>
<a target="_blank" href="https://drive.google.com/file/d/16F8To75_-URmeFmPlcGVsRoIWrRK6Ce7/view" download>
<button type="button" class="btn m-3 btn-warning">Resume</button>
</a>
</div>
<!-- jQuery and JS bundle w/ Popper.js links -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
</body>
</html>