-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathMyPortpholio.html
222 lines (186 loc) · 8.11 KB
/
MyPortpholio.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
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="app.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"/>
<title>Portfolio</title>
</head>
<body bgcolor="pink">
<nav>
<div class="container nav-container">
<a href="" class="logo">
<h2>Shubhangam<span> Kumar</span></h2>
</a>
<ul>
<li><a href="#About">About </a></li>
<li><a href="#Services">Services</a></li>
<li><a href="#Blog">Blog</a></li>
<li><a href="#Contact">Contact </a></li>
</ul>
</div>
</nav>
<header>
<div class="header-container container">
<div class="header-left">
<h1>
Hello,
<p class="name"> I am <span>Shubhangam</span></p>
</h1>
<p>Proficient in HTML,CSS, Javascript and React.js with
experience in windows<br> environmenst
committed to deliveing hight-quality and driving organzation growth.
</p>
<h5>Frontend Developer</h5>
<br>
<div class="header-action-aria">
<a href="My_resume" download class="btn btn-primary">Download CV</a>
<a href="" class="btn">Read more</a>
</div>
</div>
<div class="header-right">
<img src="pic22.jpeg" alt="">
</div>
</header>
<section id="About">
<h1><span>A</span>BOUT</h1>
<div class="container about-container">
<p>I'm a diligent <span>Frontend Developer </span>, passionately committed to refining my <span> CSS, HTML,
</span> and <span> React </span> skills. My
relentless dedication drives me to continually learn and adapt, staying at the forefront of <span>web
development</span> trends. My goal is to create captivating, responsive, and user-friendly web
interfaces.</p>
</div>
<div class="about-content">
<article class="about-article">
<img src="man.png" alt="">
<h5>FULL NAME</h5>
<p>Shubhangam Kumar</p>
</article>
<article class="about-article">
<img src="email.png" alt="">
<h5>EMAIL</h5>
<p>[email protected] </p>
</article>
<article class="about-article">
<img src="linkedin.png" alt="">
<h5>Linkedin</h5>
<p>www.linkedin.com/in/shubhangam-kumar-7397ab28b</p>
</article>
<article class="about-article">
<img src="telephone-call.png" alt="">
<h5>PHONE </h5>
<p>+918252437416</p>
</article>
</div>
</section>
<section id="Services">
<h1><span>W</span>hat I Do</h1>
<div class="container services-container">
<article class="services-article">
<img src="software.png" alt="">
<h2>Software Development</h2>
<p>Software development services encompass designing, coding, testing, and maintaining applications to
meet specific client needs, delivering tailored software solutions.</p>
</article>
<article class="services-article">
<img src="coding.png" alt="">
<h2>Web
Development</h2>
<p>Web development
Crafting websites by coding, designing, and optimizing for functionality, performance, and user
experience, enabling online presence and interaction.</p>
</article>
<article class="services-article">
<img src="python.png" alt="">
<h2>Python Programming</h2>
<p>
Python is extensively applied in data science, data analysis, machine learning, data engineering, web development, software development, and other fields.</p>
</article>
</div>
</section>
<section id="skills">
<h1> <span>M</span>y Skills</h1>
<div class="container skills-container">
<article class="skill-article">
<h4>HTML </h4>
</article>
<article class="skill-article">
<h4>CSS</h4>
</article>
<article class="skill-article">
<h4>Javascript</h4>
</article>
<article class="skill-article">
<h4>MySql</h4>
</article>
<article class="skill-article">
<h4>Python</h4>
</article>
<article class="skill-article">
<h4>WebDesign</h4>
</article>
<article class="skill-article">
<h4>Testing</h4>
</article>
<article class="skill-article">
<h4>CS Engineering</h4>
</article>
</div>
</section>
<section id="Blog">
<div class="row">
<div class="header">
<h1>B<span>log</span></h1>
<p>Welcome to the dynamic world of front-end development, web design, and web development. In this
concise guide, we'll delve into the key aspects of this exciting field.</p>
</div>
<div class="content">
<div class="card">
<img src="web design (1).jpg" alt="">
<br>
<p>
Web design is the art of crafting visually appealing and user-friendly websites, blending
elements like typography, color theory, and layout to create memorable online experiences. HTML,
CSS, and JavaScript are the cornerstone languages that enable us to build interactive and
responsive websites, making them not only look great but also function seamlessly on various
devices interface.
</p>
</div>
<div class="card">
<img src="web design (2).jpg" alt="">
<br>
<p>
Responsive web design ensures that websites adapt effortlessly to different screen sizes,
offering a consistent experience across platforms. As you progress, you can explore frameworks
like Bootstrap or delve into user-centric design principles to create intuitive interfaces. Web
accessibility creativity and innovation, waiting for you to explore world-wide.
</p>
</div>
</div>
</div>
</section>
<section id="Contact">
<h1> <span>Get</span> In Touch</h1>
<div class="contatact-container container">
<form>
<div class="form-top">
<input type="text" placeholder=" First Name" required>
<input type="text" placeholder="Last Name" required>
<input type="email" placeholder="Email" required>
<input type="number" placeholder="Phone Number" required>
</div>
<div class="form-bottom">
<textarea name="message" placeholder="message"></textarea>
<button type="submit" class="btn btn-primary">Sumbit Now</button>
</div>
</form>
</div>
</section>
<footer>
©Shubhangam Kumar
</footer>
<script src="script.js"></script>
</body>
</html>