Skip to content

Commit 7a59ba0

Browse files
DayapalDayapal
committed
Portfolio
1 parent cc5735e commit 7a59ba0

18 files changed

+742
-0
lines changed

‎Porfolio_Project/.vscode/settings.json‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"liveServer.settings.port": 5501
3+
}

‎Porfolio_Project/Black_White_Minimalist_CV_Resume_(7)[1].pdf‎

109 KB
Binary file not shown.

‎Porfolio_Project/IMG_20191205_130204_484.jpg‎

1.16 MB
Loading

‎Porfolio_Project/Port4.png‎

491 KB
Loading

‎Porfolio_Project/background.png‎

956 KB
Loading

‎Porfolio_Project/for_protfolio.jpg‎

81.7 KB
Loading

‎Porfolio_Project/image1.jpg‎

98.1 KB
Loading

‎Porfolio_Project/index.html‎

Lines changed: 233 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,233 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>Portfolio Websites</title>
8+
<link rel="stylesheet" href="style.css" />
9+
<script src="https://kit.fontawesome.com/c8ea87e930.js" crossorigin="anonymous"></script>
10+
</head>
11+
12+
<body>
13+
<div id="header">
14+
<div class="container">
15+
<nav>
16+
<p id="logo"><span id="D">D</span>aya.</p>
17+
<ul id="sidemenu">
18+
<li><a href="#header">Home</a></li>
19+
<li><a href="#about">About</a></li>
20+
<li><a href="#services">Services</a></li>
21+
<li><a href="#portfolio">Portfolio</a></li>
22+
<li><a href="#contact">Contact</a></li>
23+
<i class="fa-solid fa-xmark" onclick="closemenu()"></i>
24+
</ul>
25+
26+
<i class="fa-solid fa-bars" onclick="openmenu()"></i>
27+
</nav>
28+
29+
<div class="header-text">
30+
<p>Fronted-Developer</p>
31+
<h1>
32+
Hi, I'm <span> <span id="d">D</span>aya<span id="p">P</span>al</span><br />
33+
From New Delhi
34+
</h1>
35+
</div>
36+
</div>
37+
</div>
38+
<!-- first Section is compltetd here -->
39+
40+
<!-- ...................about.......................... -->
41+
42+
<div id="about">
43+
<div class="container">
44+
<div class="row">
45+
<div class="about-col-1">
46+
<img src="pic.jpg" />
47+
</div>
48+
49+
<div class="about-col-2">
50+
<h1 class="sub-title">About Me</h1>
51+
<p>
52+
A highly skilled and experienced professional with
53+
expertise in basic Python programming, data
54+
structures, algorithms, MS Office suite, Google
55+
Sheets, HTML, CSS, and JavaScript. Consistently
56+
demonstrated strong problem-solving skills,
57+
attention to detail, and the ability to work both
58+
independently and collaboratively. proficient in
59+
writing clean and semantic HTML code, styling web
60+
pages using CSS, and implementing interactive
61+
features using JavaScript
62+
</p>
63+
<div class="tab-titles">
64+
<p class="tab-links active-link" onclick="opentab('skills')">Skills</p>
65+
<p class="tab-links" onclick="opentab('experience')">Experience</p>
66+
<p class="tab-links" onclick="opentab('education')">Education</p>
67+
</div>
68+
69+
<div class="tab-contents active-tab" id="skills">
70+
<ul>
71+
<li><span>UI/UX</span><br>Designing Web/App interfaces</li>
72+
<li><span>Web Development</span><br>Web app Development</li>
73+
<li><span>App Development</span><br>Building Android/ios apps</li>
74+
</ul>
75+
</div>
76+
77+
<div class="tab-contents" id="experience">
78+
<ul>
79+
<li><span>2023 - Current</span><br>Full Stack Development at EXL</li>
80+
<li><span>2021 -2023</span><br>Team leat at Startapp LLC.</li>
81+
<li><span>2019 - 2021</span><br>UI/UX Design Executive at Coin Digital Ltd.</li>
82+
<li><span>2017 - 2019</span><br>Internship at ekart eCommerce.</li>
83+
</ul>
84+
</div>
85+
86+
<div class="tab-contents" id="education">
87+
<ul>
88+
<li><span>2023</span><br>Full Stack Development at EXL</li>
89+
<li><span>2021</span><br>Senior Secondary Higher School</li>
90+
<li><span>2019</span><br>High School</li>
91+
</ul>
92+
</div>
93+
94+
</div>
95+
</div>
96+
</div>
97+
</div>
98+
99+
100+
101+
<!-- ...........Services................ -->
102+
103+
104+
105+
<div id="services">
106+
<div class="container">
107+
108+
<h1 class="sub-title">My Services</h1>
109+
110+
<div class="services-list">
111+
<div>
112+
<i class="fa-solid fa-code"></i>
113+
<h2>Web Design</h2>
114+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae aut, eum ipsum nemo tenetur tempora.
115+
Facilis laboriosam ex ducimus laudantium.</p>
116+
<a href="#"> Learn More</a>
117+
</div>
118+
<div>
119+
<i class="fa-solid fa-crop"></i>
120+
<h2>UI/UX Design</h2>
121+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae aut, eum ipsum nemo tenetur tempora.
122+
Facilis laboriosam ex ducimus laudantium.</p>
123+
<a href="#"> Learn More</a>
124+
</div>
125+
<div>
126+
<i class="fa-brands fa-app-store"></i>
127+
<h2>App Design</h2>
128+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae aut, eum ipsum nemo tenetur tempora.
129+
Facilis laboriosam ex ducimus laudantium.</p>
130+
<a href="#"> Learn More</a>
131+
</div>
132+
</div>
133+
</div>
134+
</div>
135+
136+
137+
<!-- ---------Portfolio------------------ -->
138+
139+
<div id="portfolio">
140+
141+
<div class="container">
142+
143+
<h1 class="sub-title">My Work</h1>
144+
<div class="work-list">
145+
<div class="work">
146+
<img src="work-1.png">
147+
<div class="layer">
148+
<h3>Social Media App</h3>
149+
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae itaque fugiat at numquam expedita.
150+
Non excepturi sed quaerat.</p>
151+
<a href="#"><i class="fa-solid fa-arrow-up-right-from-square"></i></a>
152+
</div>
153+
</div>
154+
<div class="work">
155+
<img src="work-2.png">
156+
<div class="layer">
157+
<h3>Music App</h3>
158+
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae itaque fugiat at numquam expedita.
159+
Non excepturi sed quaerat.</p>
160+
<a href="#"><i class="fa-solid fa-arrow-up-right-from-square"></i></a>
161+
</div>
162+
</div>
163+
<div class="work">
164+
<img src="work-3.png">
165+
<div class="layer">
166+
<h3>Online Shopping App</h3>
167+
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae itaque fugiat at numquam expedita.
168+
Non excepturi sed quaerat.</p>
169+
<a href="#"><i class="fa-solid fa-arrow-up-right-from-square"></i></a>
170+
</div>
171+
</div>
172+
</div>
173+
<a href="#" class="btn"> See more</a>
174+
175+
</div>
176+
</div>
177+
<!-- -------------Contact--------------------- -->
178+
179+
<div id="contact">
180+
<div class="container">
181+
<div class="row">
182+
<div class="contact-left">
183+
<h1 class="sub-title">Contact Me</h1>
184+
<p> <i class="fa-solid fa-paper-plane"></i>[email protected]</p>
185+
<p> <i class="fa-solid fa-square-phone"></i>8130774894</p>
186+
<div class="social-icons">
187+
<a href="https://www.facebook.com/daya.pal.507/"><i class="fa-brands fa-facebook"></i></a>
188+
<a href="https://twitter.com/DayaDedicated"><i class="fa-brands fa-twitter"></i></a>
189+
<a href="https://www.instagram.com/daya.pal.507/"><i class="fa-brands fa-instagram"></i></a>
190+
<a href="https://www.linkedin.com/in/daya-pal-200606254/"><i class="fa-brands fa-linkedin"></i></a>
191+
<a href="https://github.com/Dayapal"><i class="fa-brands fa-github"></i></a>
192+
</div>
193+
194+
195+
196+
<a href="Black_White_Minimalist_CV_Resume_(7)[1].pdf" download class="btn btn2">Download CV</a>
197+
198+
</div>
199+
<div class="contact-right">
200+
<form name="submit-to-google-sheet">
201+
<input type="text" name="Name" placeholder="Your Name" required>
202+
<input type="email" name="Email" placeholder="Your Email" required>
203+
<textarea name="Message" id="" rows="6" placeholder="Your Message"></textarea>
204+
<button type="submit" class="btn btn2">Submit</button>
205+
</form>
206+
<span id="msg"></span>
207+
</div>
208+
</div>
209+
</div>
210+
<div class="copyright">
211+
<p>Copyright © Daya. Made with <i class="fa-solid fa-heart"></i> by Dedicated Daya Tutorials</p>
212+
</div>
213+
</div>
214+
215+
216+
217+
218+
<script src="script.js"></script>
219+
<!--
220+
<script>
221+
const scriptURL = '<SCRIPT URL>'
222+
const form = document.forms['submit-to-google-sheet']
223+
224+
form.addEventListener('submit', e => {
225+
e.preventDefault()
226+
fetch(scriptURL, { method: 'POST', body: new FormData(form)})
227+
.then(response => console.log('Success!', response))
228+
.catch(error => console.error('Error!', error.message))
229+
})
230+
</script> -->
231+
</body>
232+
233+
</html>

‎Porfolio_Project/logo.png‎

4.64 KB
Loading

‎Porfolio_Project/my-cv.pdf‎

4.85 KB
Binary file not shown.

0 commit comments

Comments
 (0)