-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
125 lines (125 loc) · 6.68 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
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8" />
<meta name="description" content="This is portfolio which shows your ability and projects so far you have done." />
<link rel="stylesheet" href="assets/css/style.css">
<!-- Portfolio which shows my work / contacts and tells something about me -->
<title>Bhumisha Portfolio</title>
</head>
<!-- Body contains main information of the page like its contents / articles and imanges / banners -->
<body>
<main>
<header>
<!-- <h1>Bhumisha Dave</h1> -->
<div class="navMenu">
<nav>
<!-- href used to link section with its id. -->
<a href="#about-me">About Me</a>
<a href="#work">Work</a>
<a href="#contact-me">Contact Me</a>
</nav>
</div>
</header>
<!-- banner section div -->
<section class="banner">
<div>
<img src="assets/images/portfolioSelfie.png" alt="Bhumisha Dave Potrait" />
</div>
<div class="bannerText">
<h1>Bhumisha Dave</h1>
</div>
</section>
<!-- Contect Section start -->
<section id="contentWrapper">
<!-- First section About Me-- start -->
<div id="about-me" class="contentSection">
<div class="contextHeader">
<h1>About Me</h1>
</div>
<div class="contentDetail">
<p> I am Bhumisha Dave. I am Full stack develper. Always eagar to learn. Portfolio is showing information to help you better understand the purpose of See All. About. Product/Service. See All. Page Transparency. Portfolio is showing information to help you better understand the purpose of See All. About. Product/Service. See All. Page Transparency. Portfolio is showing information to help you better understand the purpose to show case your work.About. Product/Service. See All. Page Transparency</p>
<p> See All. About. Product/Service. See All. Page Transparency. Portfolio is showing information to help you better understand the purpose of See All. About. Product/Service. See All. Page Transparency. Portfolio is showing information to help you better understand the purpose of See All. About. Product/Service. See All. Page Transparency. Portfolio is showing information to help you better understand.</p>
</div>
</div>
<!-- Second section Work Details with Grid -- start -->
<div id="work" class="contentSection">
<div class="contextHeader">
<h1>Work</h1>
</div>
<div class="contentDetail">
<div class="workgrid-wrapper">
<!-- Grid Item for work 1 -->
<div class="groupImage item1">
<div class="workgrid-item ">
<a class="item-1" href="https://simple-suds.herokuapp.com/" target="_blank">
</a>
</div>
<div class="flex-items">
<h4>Simple-Suds</h4>
<p>MVC/Sequalize /Mysql</p>
</div>
</div>
<!-- Grid Item for work 2 -->
<div class="groupImage item2 ">
<div class="workgrid-item ">
<a class="item-2" href="https://bhumisha.github.io/ThreesCrowd/index.html" target="_blank">
</a>
</div>
<div class="flex-items">
<h4>Three's A Crowd</h4>
<p>HTML/CSS/ External Api/ Jquery</p>
</div>
</div>
<!-- Grid Item for work 3 -->
<div class="groupImage">
<div class="workgrid-item ">
<a class="item-3" href="" target="_blank">
</a>
</div>
<div class="flex-items">
<h4>Calculator</h4>
<p>React/Javascript/CSS</p>
</div>
</div>
<!-- Grid Item for work 4 -->
<div class="groupImage">
<div class="workgrid-item ">
<a class="item-4" href="https://bhumisha.github.io/Code-Refactor-Challenge/index.html" target="_blank">
</a>
</div>
<div class="flex-items">
<h4>Horiseon</h4>
<p>HTML/CSS</p>
</div>
</div>
<!-- Grid Item for work 5 -->
<div class="groupImage">
<div class="workgrid-item ">
<a class="item-5" href="" target="_blank">
</a>
</div>
<div class="flex-items">
<h4>Run Buddy</h4>
<p>HTML/CSS</p>
</div>
</div>
</div>
</div>
</div>
<!-- Third section Contact Details with Flex -- start -->
<div id="contact-me" class="contentSection">
<div class="contextHeader">
<h1>Contact Me</h1>
</div>
<div class="contentDetail linksDetail">
<p><a href="tel:+1555555555">Phone</a></p>
<p><a href="mailto:[email protected]">Email</a></p>
<p><a href="https://www.linkedin.com/in/bhumisha-dave-3a163813/" target="_blank">Linked In</a></p>
<p><a href="http://bhumisha.github.io/" target="_blank">GitHub</a></p>
</div>
</div>
</section>
</main>
</body>
</html>