-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
161 lines (160 loc) · 6.35 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Portfolio</title>
<link rel="stylesheet" href="style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300&family=Merriweather:wght@300;400&family=PT+Serif&family=Young+Serif&display=swap"
rel="stylesheet"
/>
</head>
<body>
<div class="container">
<nav>
<div class="navbar">
<ul>
<li><a href="#about-me">ABOUT ME</a></li>
<li><a href="#skills">SKILLS</a></li>
<li><a href="#Aspirations">FURTHER INTERESTS</a></li>
<li><a href="#projects">PROJECTS</a></li>
<li><a href="#contact-me">CONTACT ME</a></li>
</ul>
</div>
</nav>
<div class="first-page">
<div class="intro">
<h1>I'm a Developer</h1>
<h3>Welcome to my world!</h3>
<!-- <button class="butnn">Have a look</button> -->
</div>
</div>
</div>
<div id="about-me">
<h1>About Me</h1>
<h3>What I love to do!!</h3>
<div class="about-me-content">
<div class="content">
<ul>
<li class="I-am">I am <b>Priona Priti Pattanaik</b></li>
<li>
I am doing my Btech in Computer Science And Engineering in
Odisha University Of Technology and Research, Bhubaneswar. I am in my second year.
</li>
<li>I like to learn new things, things that interests me, excites me.</li>
<li>
Currently I am learning Web Development. I feel my creative juices
being brought to life on the screen through it and that's what I love the most about it.
</li>
<li>I am also interested in learning AI/ML in the future and have already started the process of learning it.</li>
</ul>
</div>
<div class="me-image">
<img src="images/me3.jpg" alt="" />
</div>
</div>
</div>
<div id="skills">
<h1 class="h1">MY SKILLS</h1>
<div class="box">
<h2>WEB DEVELOPEMENT</h2>
<div class="web-3">
<div class="html">
<h3>HTML</h3>
<h3>Boostrap</h3>
<h3 class="box0">Responsive Web Designing Skills</h3>
</div>
<div class="css">
<h3>CSS</h3>
<h3 class="box0">Collaborating with Designers</h3>
</div>
<div class="js">
<h3>Javascript</h3>
<h3 class="box0">Git and Github</h3>
</div>
</div>
<h2>Languages I know</h2>
<div class="web-3">
<div class="html">
<h3>C</h3>
</div>
<div class="css">
<h3>C++</h3>
</div>
<div class="js">
<h3>Javascript</h3>
</div>
</div>
</div>
</div>
<div class="personality">
<div class="loading">
<h2>Leadership Qualities</h2>
<h2>Problem Solving Skills</h2>
<h2>Creativity</h2>
<h2>Presentation Skills</h2>
</div>
</div>
<div id="Aspirations">
<h1 class="h1">FURTHER INTERESTS</h1>
<p>
I am interested in learning AI/ML. I am eager to learn AI & ML because these fields
represent the future of technology and hold immense potential for making
a meaningful impact on the world. AI and ML have already revolutionized
industries such as healthcare, finance, transportation etc and I want
to be part of this wave of innovation. Learning AI and ML will enable me
to develop solutions for complex problems. Furthermore, I am
drawn to the intellectual challenge that AI and ML present. In addition
to the intellectual aspect, I see AI and ML as a pathway to diverse
career opportunities.I am excited about the prospect of developing
AI-driven applications that can improve healthcare outcomes, address
environmental challenges, enhance user experiences, and promote
inclusivity. In this way I can contribute to the betterment of the society. I am already working towrds learning and harnessing it.
</p>
</div>
<div id="projects">
<h1 class="h1">MY PROJECTS</h1>
<div class="project-list">
<h3>Created A Responsive Food Delivery App using HTML and CSS</h3>
<h3>Created A Gym Membership Website</h3>
<h3>Created Amazon Clone</h3>
<h3>Created Flipkart Clone</h3>
<h3>Created my own E-commerce website </h3>
<h3>Created a one page website given by the club Spectrum</h3>
<h3>
Worked on a farm blogging website with team members for IIIT BBSR Geekothon!
</h3>
</div>
<div class="buttn-github">
<button class="butn">DOWNLOAD CV</button>
</div>
</div>
<div id="contact-me">
<h1>Contact Me</h1>
<div class="contact">
<h4 class="github">My Github Account Link is <a href="https://github.com/priona-priti">https://github.com/priona-priti</a></h4>
<p>Email id - <a href="[email protected]">[email protected]</a></p>
<p>Phone number - <a href="">7008044936</a></p>
</div>
<!-- <h5>You can also contact me on </h5> -->
<div class="social-media">
<a href="https://www.linkedin.com/in/priona-priti-pattanaik-600a84262/"><img src="images/LinkedIn.png">LinkedIn</a>
<a href="link address"><img src="images/Instagram Circle.png">Instagram</a>
<a href="link address"><img src="images/TwitterX.png">Twitter</a>
<a href="link address"><img src="images/Facebook.png">Facebook</a>
</div>
<div class="copyright">
<h4>[email protected]</h4>
</div>
</div>
</body>
</html>