-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathportfolio.html
More file actions
184 lines (165 loc) · 7.56 KB
/
portfolio.html
File metadata and controls
184 lines (165 loc) · 7.56 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Portfolio</title>
<link rel="stylesheet" href="./portfolio.css">
<link href="https://unpkg.com/pattern.css" rel="stylesheet">
<link href="dist/pattern.min.css" rel="stylesheet">
</head>
<body>
<div id="main">
<div class="cursor"></div>
<!-- Navbar Section -->
<div class="navbar">
<div class="logo">Portfolio</div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#me">About</a></li>
<li><a href="#contact-form">Contact</a></li>
<li><a href="#srv">Services</a></li>
<li><a href="#team-heading">Teams</a></li>
<li><a href="#pro-heading">Project</a></li>
<a href="#"> <i class="fa-brands fa-linkedin fa-xl"></i></a>
<a href="#"><i class="fa-brands fa-facebook fa-xl"></i></a>
<a href="#"><i class="fa-brands fa-twitter fa-xl"></i></a>
<i class="fa-solid fa-moon fa-xl moon"></i>
</ul>
</div>
<!-- Profile Section -->
<h1 class="myname">Hi I am <span> Aditya Kumar,and I am a</span><br><span>Web Developer</span></h1>
<div class="center-txt">
<div class="info">
<img src="round-removebg-preview.png" alt="">
<h1>I am a <span class="auto-text"></span></h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam consectetur,nostrum doloribus nobis suscipit
alias quas rem, earum magnam esse quasi ratione deserunt,<br> totam fugiat! Omnis assumenda perspiciatis
consequatur animi!</p>
<span><button id="cv">Download CV</button></span>
<span><button>Hire me</button></span>
</div>
<div id="r-img">
<img src="pro-man-removebg-preview.png" alt="">
</div>
</div>
<!-- About Me Section -->
<h1 id="me">About <span>Me</span> <span><i class="fa-solid fa-person-walking-arrow-right fa-xl"></i></span></h1>
<h2 id="sm-txt">I am a <span>Frontend Developer</span></h2>
<div id="About-me">
<div class="l-txt">
<p><span>I am a Frontend Developer,</span>I Have <span>1Year+</span> Experience Of Designing,Programming,And I
have Also Knowladge Of <span>C,C++,Python,Javascript,HTML,Css</span> As a front-end developer, you know how to
make a seamless web app that helps users accomplish what they need to do. You have a strong combination of
technical ability and creativity. It can be really difficult to channel this wide-ranging developer skillset
properly on a resume to impress employers.</p>
</div>
<div class="b-img">
<img src="ui_ux_design2.png" alt="">
</div>
</div>
<!-- Service Section -->
<h1 id="srv">Services <span><i class="fa-solid fa-person fa-xl"></i></span></h1>
<div class="service-sec">
<div class="content">
<h2>Developer</h2>
<i class="fa-solid fa-code fa-2xl"></i>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda ut eaque soluta, aut tenetur dicta
consectetur. Ullam quisquam quasi magnam illum.</p>
<button>Read More..</button>
</div>
<div class="content">
<h2>UI/UX</h2>
<i class="fa-brands fa-html5 fa-2xl"></i>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda ut eaque soluta, aut tenetur dicta
consectetur. Ullam quisquam quasi magnam illum.</p>
<button>Read More..</button>
</div>
<div class="content">
<h2>Programmer</h2>
<i class="fa-brands fa-node-js fa-2xl"></i>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda ut eaque soluta, aut tenetur dicta
consectetur. Ullam quisquam quasi magnam illum.</p>
<button>Read More..</button>
</div>
</div>
<!-- Team Section -->
<h1 id="team-heading">My <span>Teams</span> <i class="fa-solid fa-people-group fa-xl"></i></h1>
<div class="team-sec">
<div class="card1">
<img src="p-man11.png" alt="">
<h2>Name Here</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia perferendis, aperiam mollitia quis pariatur
neque?</p>
</div>
<div class="card1">
<img src="p-man-round.png" alt="">
<h2>Name Here</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia perferendis, aperiam mollitia quis pariatur
neque?</p>
</div>
<div class="card1">
<img src="p-man2.png" alt="">
<h2>Name Here</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia perferendis, aperiam mollitia quis pariatur
neque?</p>
</div>
</div>
<!-- Project Section -->
<h1 id="pro-heading">Proj<span>ects</span> <i class="fa-solid fa-users fa-xl"></i></h1>
<div class="pro-main">
<div class="pro-sec">
<div class="img-part">
<img src="pro-img.jpg" alt="">
</div>
<div class="text-part">
<span>I Created an <span class="dynamic-text"></span></span>
<p>I created an educational Website Using <span> HTML and CSS</span> Lorem ipsum dolor sit amet consectetur,
adipisicing elit. Inventore eius quam temporibus velit perferendis sequi repellat eligendi quaerat praesentium
architecto itaque facere illo repellendus, libero placeat adipisci repudiandae possimus magnam eum amet modi.
Sapiente unde fuga distinctio beatae quidem totam?</p>
</div>
</div>
</div>
<div class="pro-main">
<div class="pro-sec2">
<div class="img-part">
<img src="food-img.jpg" alt="">
</div>
<div class="text-part2">
<span>I Created a <span class="dynamic-text2"></span></span>
<p>I created a Food delivery Website Using <span> HTML and CSS</span> Lorem ipsum dolor sit amet consectetur,
adipisicing elit. Inventore eius quam temporibus velit perferendis sequi repellat eligendi quaerat praesentium
architecto itaque facere illo repellendus, libero placeat adipisci repudiandae possimus magnam eum amet modi.
Sapiente unde fuga distinctio beatae quidem totam?</p>
</div>
</div>
</div>
<!-- Contact Section -->
<h2 id="form-h">Contact Me <i class="fa-regular fa-address-card fa-xl"></i></h2>
<div class="contact-form">
<form id="contact-form" onsubmit="submitfunction()">
<input type="text" id="name" placeholder="Name" required>
<input type="email" id="email" placeholder="Email" required>
<textarea id="address" placeholder="Address"></textarea>
<textarea id="message" placeholder="Leave Your Message Here..." required></textarea>
<button type="submit" id="send-button">Send Message</button>
</form>
</div>
<!-- Footer Section -->
<footer class="footer">
<div class="ft">Copyright 2023 © www.portfolio.com All rights reserved!</div>
<div class="ft-icon">
<a href="#"> <i class="fa-brands fa-linkedin fa-xl"></i></a>
<a href="#"><i class="fa-brands fa-facebook fa-xl"></i></a>
<a href="#"><i class="fa-brands fa-twitter fa-xl"></i></a>
</div>
</footer>
</div>
<script src="https://unpkg.com/typed.js@2.0.16/dist/typed.umd.js"></script>
<script src="https://kit.fontawesome.com/243b8860f7.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
<script src="portfolio.js"></script>
</body>
</html>