-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathTask2.html
195 lines (190 loc) · 10.7 KB
/
Task2.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="Task2.css">
</head>
<body>
<nav>
<div>
<p class="name-logo">GAYA<span class="highlight">3</span></p>
</div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Skills</a></li>
<li><a href="#">My Work</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<div class="container card1">
<div class="row">
<div class="col-12">
<p class="para">Hello..</p>
<h1 class="name">I'm <span class="highlight font">Gayathri</span><br>a <span class="highlight">Web Developer</span></h1>
<p class="para">Wlcome to my web developer portfolio! I'm Gayathri,a skilled and creative web developer with a passion for creating beautiful,responsive and user-friendly websites.I've worked on a variety of web projects,ranging from personal blogs to e-commerce platforms.</p>
<button class="btn">Hire Me</button>
</div>
</div>
</div>
<div class="card2">
<div class="row-direction" >
<i class="fa-brands fa-linux highlight icon"></i>
<h1 class="name-logo">About Me</h1>
</div>
<p class="para">Iam a passionate and skilled web developer and enthusiastic learner.I am proficient in HTML,CSS,JAVA SCRIPT.I am looking for for a organization and position where I can prove my skills and can enhance my skills by facing different challenges.As a intern I can work hard for organization development and to become a professional in this field.</p>
<div class="row-direction">
<i class="fa-brands fa-readme highlight icon"></i>
<h1 class="name-logo">Eudcation</h1>
</div>
<div class="education-details">
<div class="card3">
<h1 class="heading">X Standard</h1>
<p class="para-details">Narayana ,Bapatla District,Andhra Pradesh.</p>
<p class="para-details">Percentage:7.7</p>
</div>
<div class="card3">
<h1 class="heading">Polytechnic</h1>
<p class="para-details">Bapatla Polytechnic College,Bapatla District,Andhra Pradesh.</p>
<p class="para-details">Percentage:69.35</p>
</div>
<div class="card3">
<h1 class="heading">Engineering</h1>
<p class="para-details">ST.Ann's College of Engineering and Technology,Andhra Pradesh.</p>
<p class="para-details">Percentage:50.0</p>
</div>
</div>
<div>
<div class="row-direction">
<i class="fa-solid fa-brain highlight icon"></i>
<h1 class="name-logo">Skills</h1>
</div>
<div class="row-direction">
<button class="point"></button>
<p class="para-details bg">HTML, CSS, JAVA SCRIPT, Bootstrap.</p>
</div>
<div class="row-direction">
<button class="point"></button>
<p class="para-details bg">PYTHON programming Language.</p>
</div>
<div class="row-direction">
<button class="point"></button>
<p class="para-details bg">DATA STRUCTURES AND ALOGORITHMS using C Language.</p>
</div>
<div class="row-direction">
<button class="point"></button>
<p class="para-details bg">Basics in C programming Language & JAVA programming Language.</p>
</div>
</div>
<div>
<div class="row-direction">
<i class="fa-solid fa-award highlight icon"></i>
<h1 class="name-logo">Achievements</h1>
</div>
<div class="row-direction">
<button class="point"></button>
<p class="para-details bg">NPTEL Online Certificate on Data Base Management System</p>
</div>
<div class="row-direction">
<button class="point"></button>
<p class="para-details bg">Internship offer letter from Oasis Infobyte</p>
</div>
<div class="row-direction">
<button class="point"></button>
<p class="para-details bg">Internship offer letter from Code Clause</p>
</div>
<div class="row-direction">
<button class="point"></button>
<p class="para-details bg">Acadamic prize in Btech 1st year</p>
</div>
<div class="row-direction">
<button class="point"></button>
<p class="para-details bg">First Prize in Drawing Competition</p>
</div>
</div>
<div>
<div class="row-direction">
<i class="fa-solid fa-hammer highlight icon"></i>
<h1 class="name-logo">Strengths</h1>
</div>
<div class="row-direction">
<button class="point"></button>
<p class="para-details bg">Self Motivation</p>
</div>
<div class="row-direction">
<button class="point"></button>
<p class="para-details bg">Enthusiastic</p>
</div>
<div class="row-direction">
<button class="point"></button>
<p class="para-details bg">Determination and Creative</p>
</div>
<div class="row-direction">
<button class="point"></button>
<p class="para-details bg">Earnestness,Deligence and Team Management</p>
</div>
</div>
<div>
<div class="row-direction">
<i class="fa-solid fa-file highlight icon"></i>
<h1 class="name-logo">Personal Details</h1>
</div>
<div class="row-direction">
<button class="point"></button>
<p class="para-details bg">Date of Birth : 29/08/2004</p>
</div>
<div class="row-direction">
<button class="point"></button>
<p class="para-details bg">Martial Status : Bachelor</p>
</div>
<div class="row-direction">
<button class="point"></button>
<p class="para-details bg">Languages known : English,Telugu</p>
</div>
<div class="row-direction">
<button class="point"></button>
<p class="para-details bg">Hobbies : Browsinginternet, Listening music, Drawing</p>
</div>
</div>
<div>
<div class="row-direction">
<i class="fa-solid fa-marker highlight icon"></i>
<h1 class="name-logo">Declaration</h1>
</div>
<p class="para">I hearby declare that the information given in the application is true and correct to the best of my knowledge and belief. In case any information given in this application proves to be false I shall be responsible for the consequences.</p>
</div>
<div class="col-direction">
<div class="sign-card">
<img src="bhanuSign.jpg" class="sign">
</div>
<p class="signature">Signature</p>
</div>
<div>
<div class="row-direction">
<i class="fa-solid fa-share highlight icon"></i>
<h1 class="name-logo">Contact Me</h1>
</div class=row-direction>
<div class="row-direction">
<i class="fa-solid fa-envelope highlight icon icon-size"></i>
<p class="para">bhanuprakashandraju012@gmail.com</p>
</div>
<div class="row-direction">
<i class="fa-solid fa-phone highlight icon icon-size"></i>
<p class="para">9347785981</p>
</div>
</div>
<div>
<hr/>
</div>
<div class="text">
<i class="fa-brands fa-facebook icon-bg"></i>
<i class="fa-brands fa-twitter icon-bg"></i>
<i class="fa-brands fa-instagram icon-bg"></i>
<i class="fa-brands fa-linkedin icon-bg"></i>
</div>
</div>
</body>
</html>