-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
126 lines (112 loc) · 6.91 KB
/
about.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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
<title>my.port-PRATEEK KUMAR</title>
<link rel="stylesheet" href="./css/new.css">
</head>
<body>
<header style="background-image: url('bg.jpg');">
<nav class="churu h-collapse flex">
<div class="left flex al-cent visible">
<div class="logo" style="padding-top: 7px;">
<img src="imgh1.png" alt="" style="width: 8rem; height: 3.5rem;">
</div>
<div class="li al-cent">
<a href="/my.portfolio/index.html">Home</a>
<a href="/my.portfolio/about.html" class="live">About</a>
<a href="/my.portfolio/work.html">Work</a>
<a href="/my.portfolio/contact.html">Contact</a>
</div>
</div>
<div class="right al-cent visible">
<button>
<a href="https://facebook.com"><img src="fbii.png" alt="" width="50" height="50"></a>
</button>
<button>
<a href="https://instagram.com"><img src="instaii.png" alt="" width="50" height="50"></a>
</button>
<button>
<a href="https://www.linkedin.com/in/prateek-kumar-290b15216"><img src="ini.png" alt=""
width="50" height="50"></a>
</button>
</div>
<div class="burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</nav>
<hr style="color:whitesmoke;">
<div class="card about1" style="max-width: 90vw; background-color: transparent;">
<div class="row g-2 allb">
<div class="col-md-4" style="display: inline-block;
border-radius: 50px;
margin: 3rem 0rem;
transition: all 0.3s ease-in 0s;
overflow: hidden;
">
<img src="img6.jpeg" class="img-fluid rounded-start" alt="..." style="transition: all 0.3s ease-in 0s;opacity: 0.78;box-shadow: 10px 10px 10px #000;">
</div>
<div class="col-md-8">
<div class="card-body" style="color: bisque;padding: 0rem 1rem 1rem 2rem; margin: 3rem 3vw;">
<h5 class="card-title"
style=" text-decoration: underline;color: rgba(116, 248, 8, 0.74); font-size: 3rem; font-family: 'Abril Fatface', cursive; overflow: hidden;">
About me:</h5>
<p class="card-text" style=" font-family: 'Patrick Hand', cursive; font-size: 22px;">Hey! I am
Prateek Kumar. I am currently pursuing my Bachelors in Technology
from one of the most premium institutes of India, IIT Patna in the department of Mechanical
Engineering. My areas of interest include Web Development, Problem Solving, dynamics and I
am still explorin' around. <br>
My schooling is done in Uttar Pradesh state of India and I have changed multiple schools and
cities. I have secured a grade of <strong>96.2 %</strong> in my high school and <strong>95.2
%</strong>in my senior secondary exam. I also cracked my JEE exam along with passing out
from school the same year. <br>
My some non-coding interests include Photography and editting as I am part of the core team
of our college's photography club, PIXXEL. I also play guitar as a hobby and sometimes sing
as well. <br>
<hr style="font-family: 'Patrick Hand', cursive; font-size: 22px;">
<span style="font-family: 'Patrick Hand', cursive; font-size: 22px;">As we know learning is
a never ending process...</span> <span
style="font-family: 'Patrick Hand', cursive; font-size: 22px;"> But still In the field
of Web
Development, I have learned the basics of Frontend Development i.e HTML, CSS and JS and
slowly heading towards learning Backend. This website is my first proper project on
which I
am working and I am also open to any project in the face of freelancing or internships.
I can assure visitors that I am a hardworking and willing to work individual. Even if I
cannot make it but my effort would be 100%.</span> <br>
<hr>
<span style="font-family: 'Patrick Hand', cursive; font-size: 22px;">Click on this button to
open my resume :)</span>
</p>
</div>
<div class="btn btn-primary"
style="color: whitesmoke; margin: 0px 50px; padding: 6px 6px; border: 3px dotted rgb(10, 75, 160);">
Open My Resume</div>
</div>
</div>
</div>
<hr style="color:whitesmoke;">
<div class="footer flex" style=" flex-direction: column; justify-content: center;text-align: center;">
<p>Copyright © Prateek</p>
</div>
</header>
<script src="./js/port.js"></script>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj"
crossorigin="anonymous"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-eMNCOe7tC1doHpGoWe/6oMVemdAVTMs2xqW4mwXrXsW0L84Iytr2wi5v2QjrP/xp" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cn7l7gDp0eyniUwwAZgrzD06kc/tftFf19TOAs2zVinnD/C7E91j9yyk5//jjpt/" crossorigin="anonymous"></script>
-->
</body>
</html>