-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathportfolio.html
More file actions
222 lines (182 loc) · 8.2 KB
/
portfolio.html
File metadata and controls
222 lines (182 loc) · 8.2 KB
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>
<header>
<nav>
<div class="container nav-container">
<ul>
<li><a href="#Home">Home</a></li>
<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>
<section id="Home">
<div class="header-container container">
<div class="header-left">
<h1>
Hello,
<p class="name"> I am <span>Lakshmi Saran</span></p>
</h1>
<p>Proficient in HTML, CSS, JavaScript, and React.js, with hands-on experience in both Windows and Linux environments. Committed to delivering high-quality solutions and contributing to organizational growth through innovation and strong technical skills.
</p>
<h5>Full Stack Developer</h5>
<br>
<div class="header-action-aria">
<a href="cv.pdf" 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>
</section>
<section id="About">
<h1><span>A</span>BOUT</h1>
<div class="container about-container">
<p>I’m a dedicated <span>Full Stack Developer</span> with a strong focus on enhancing my skills in <span>HTML, CSS, and React.js</span>.
Passionate about learning and adapting, I stay current with modern <span>web development </span>trends to build responsive, user-friendly, and visually engaging interfaces.
My commitment lies in crafting high-quality web experiences that make a real impact.</p>
</div>
<div class="about-content">
<article class="about-article">
<img src="man.png" alt="">
<h5>FULL NAME</h5>
<p>Lakshmi Saran Polisetti</p>
</article>
<article class="about-article">
<img src="email.png" alt="">
<h5>EMAIL</h5>
<p>saranpolisetti123@gmail.com </p>
</article>
<article class="about-article">
<img src="linkedin.png" alt="">
<h5>Linkedin</h5>
<p>www.linkedin.com/in/lakshmi-saran-polisetti-93557a307</p>
</article>
<article class="about-article">
<img src="telephone-call.png" alt="">
<h5>PHONE </h5>
<p>+91 9493712599</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>React</h4>
</article>
<article class="skill-article">
<h4>Java</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>
©Saran Polisetti 2023. All rights reserved.
</footer>
<script src="script.js"></script>
</body>
</html>