Skip to content

Commit eedb1a5

Browse files
suhani1804suhani1804
authored
Merge pull request #11 from Pratik-k-sahoo/main
Created and added About me page
2 parents 63ff1b9 + 95034fc commit eedb1a5

13 files changed

+500
-147
lines changed

‎AboutPages/Pratik_about/pratik_about.html

+121
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,121 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>About Me</title>
7+
<link rel="stylesheet" href="style.css">
8+
<script src="https://kit.fontawesome.com/c584032397.js" crossorigin="anonymous"></script>
9+
</head>
10+
<body>
11+
12+
<div class="container">
13+
14+
<div class="content">
15+
<h1 class="about-me">ABOUT ME</h1>
16+
<div class="left-content">
17+
<div class="img-container">
18+
<div class="img">
19+
<img src="../../assets/Pratik/me_image.png" alt="Pratik K Sahoo">
20+
</div>
21+
22+
<h1>Pratik Kumar Sahoo</h1>
23+
<hr>
24+
<h2>Student ITER, SOA</h2>
25+
</div>
26+
27+
<div class="socials">
28+
<a href="#socials">SOCIALS</a>
29+
</div>
30+
</div>
31+
</div>
32+
33+
<div class="right-content">
34+
<h1>Hi<span>!</span></h1>
35+
<h2>Here is a snippet of <span>How I am? & What I do?</span></h2>
36+
<div class="right-content-btn">
37+
<a href="https://pratik-k-sahoo.github.io/Pratik.KS.github.io/">
38+
<button type="button" class="btn btn-color">PORTFOLIO</button>
39+
</a>
40+
<button type="button" class="btn btn-color2">RESUME</button>
41+
</div>
42+
43+
<div class="info">
44+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur placeat nemo quibusdam quas voluptates fuga natus accusamus laboriosam doloremque, iusto reiciendis quam cum maxime beatae quisquam provident aperiam quo asperiores, accusantium quia neque nihil! Neque numquam debitis veniam quam fuga.</p>
45+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur, excepturi exercitationem. Fugiat eaque voluptas et praesentium, iusto vitae architecto neque fuga, molestias ipsam nulla? Amet ipsam veritatis quibusdam laboriosam qui!</p>
46+
</div>
47+
</div>
48+
49+
50+
</div>
51+
52+
53+
<div class="down">
54+
<div class="social-content" id="socials">
55+
<h2>SOCIALS</h2>
56+
<div class="cards">
57+
<div class="card-info" id="card-1">
58+
<img src="../../assets/Pratik/instagram.png" alt="">
59+
<div class="card-info-container">
60+
<a href="https://www.instagram.com/pratik.27s/">
61+
62+
<h3>instagram</h3>
63+
<i class="fa-brands fa-instagram"></i>
64+
</a>
65+
</div>
66+
</div>
67+
<div class="card-info" id="card-2">
68+
<img src="../../assets/Pratik/twitter.png" alt="">
69+
<div class="card-info-container">
70+
<a href="https://twitter.com/Pratiksahoo2002">
71+
72+
<h3>twitter</h3>
73+
<i class="fa-brands fa-x-twitter"></i>
74+
</a>
75+
</div>
76+
</div>
77+
<div class="card-info" id="card-3">
78+
<img src="../../assets/Pratik/facebook.png" alt="">
79+
<div class="card-info-container">
80+
<a href="https://www.facebook.com/pratik.sahoo.92798">
81+
82+
<h3>facebook</h3>
83+
<i class="fa-brands fa-facebook"></i>
84+
</a>
85+
</div>
86+
</div>
87+
<div class="card-info" id="card-4">
88+
<img src="../../assets/Pratik/linkedin.png" alt="">
89+
<div class="card-info-container">
90+
<a href="https://www.linkedin.com/in/sipun-pratik9104/">
91+
92+
<h3>linkedin</h3>
93+
<i class="fa-brands fa-linkedin"></i>
94+
</a>
95+
</div>
96+
</div>
97+
<div class="card-info" id="card-5">
98+
<img src="../../assets/Pratik/github.png" alt="">
99+
<div class="card-info-container">
100+
<a href="https://github.com/Pratik-k-sahoo">
101+
102+
<h3>github</h3>
103+
<i class="fa-brands fa-github"></i>
104+
</a>
105+
</div>
106+
</div>
107+
<div class="card-info" id="card-6">
108+
<img src="../../assets/Pratik/youtube.png" alt="">
109+
<div class="card-info-container">
110+
<a href="https://www.youtube.com/@pratikksahoo/">
111+
112+
<h3>youtube</h3>
113+
<i class="fa-brands fa-youtube"></i>
114+
</a>
115+
</div>
116+
</div>
117+
</div>
118+
</div>
119+
</div>
120+
</body>
121+
</html>

0 commit comments

Comments
 (0)