-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
204 lines (151 loc) · 7.05 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
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
196
197
198
199
200
201
202
203
204
<!DOCTYPE html>
<html lang="en">
<head>
<title>Priyatham's</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="js/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="50">
<div class="container-fluid bg1 text-center" id="homeSection" style="height: 700px;">
<img src="images/pri.png" id="pri" style="width: 300px;height: 300px;">
<br><br><br>
<h1 id="typing"> P R I Y A T H A M <span style="color:#000;"> K A T T A </span></h1><br>
</div>
<div class="container-fluid bg2" id="aboutmeSection">
<div class="row">
<div class="col-sm-4 abimg">
<img src="images/about.jpg" class="img-responsive aboutpic">
</div>
<div class="container col-sm-8 abtm text-left">
<h1><span style="color:#f7484e;"><strong>ABOUT </span>ME </strong></h1><br><br><br>
<p id="sd">Hello guys!!! I am Priyatham Katta, completed undergraduation at the Indian Institute of Technology, Roorkee. Passionate anything about Machine Learning such as Natual Language Processing or Computer Vision.</p><br><br>
<p id="sd">
Artificial intelligence will shape our future more powerfully than any other innovation this century.I believe that data can be used to make better decisions.
</p>
</div>
</div>
</div>
<div class="container-fluid bg3";" id="servicesSection">
<br><br><br><br>
<div class="row ">
</div>
</div>
<div class="container-fluid bg4 text-center" id="gallerySection">
<br><br>
<h1><strong><span style="color:#fff">Some of my Clicks, C h e e s e !!</span> </strong> </h1> <br><br><br><br>
<div class="container">
<div class="row gallery">
<div class="col-lg-4 col-md-4 col-xs-6 thumb">
<a class="thumbnail" href="#">
<img class="img-responsive" src="images/gallery/1.jpg" alt="">
</a>
</div>
<div class="col-lg-4 col-md-4 col-xs-6 thumb">
<a class="thumbnail" href="#">
<img class="img-responsive" src="images/gallery/2.jpg" alt="">
</a>
</div>
<div class="col-lg-4 col-md-4 col-xs-6 thumb">
<a class="thumbnail" href="#">
<img class="img-responsive" src="images/gallery/3.jpg" alt="">
</a>
</div>
<div class="col-lg-4 col-md-4 col-xs-6 thumb">
<a class="thumbnail" href="#">
<img class="img-responsive" src="images/gallery/4.jpg" alt="">
</a>
</div>
<div class="col-lg-4 col-md-4 col-xs-6 thumb">
<a class="thumbnail" href="#">
<img class="img-responsive" src="images/gallery/5.jpg" alt="">
</a>
</div>
<div class="col-lg-4 col-md-4 col-xs-6 thumb">
<a class="thumbnail" href="#">
<img class="img-responsive" src="images/gallery/6.jpg" alt="">
</a>
</div>
<div class="col-lg-4 col-md-4 col-xs-6 thumb">
<a class="thumbnail" href="#">
<img class="img-responsive" src="images/gallery/7.jpg" alt="">
</a>
</div>
<div class="col-lg-4 col-md-4 col-xs-6 thumb">
<a class="thumbnail" href="#">
<img class="img-responsive" src="images/gallery/8.jpg" alt="">
</a>
</div>
<div class="col-lg-4 col-md-4 col-xs-6 thumb">
<a class="thumbnail" href="#">
<img class="img-responsive" src="images/gallery/9.jpg" alt="">
</a>
</div>
</div>
</div>
</div>
<div class="container-fluid bg5 " id="workSection" style="height:400px;">
<div class="container text-center">
<div>
<h1>What Am I Looking For...</h1><br>
</div>
<div>
<h2 >Full-time Web developer Oppurtunity</h2><br>
<p style="padding: 0 100px; font-size: 15pt;">I am currently in the final year of graduation.Have done courses on Data Structures ,Programming in C++ and Artificial Neural Networks which would strengthen my skills in those areas. Also well equipped with knowledge of web-development. I'm highly enthusiast to pursue my career in IT Sector.I am very keen to initiate my career in your tech team.</p>
</div>
</div>
</div>
<!--Contact-->
<div class="container-fluid bg6 " id="contactSection">
<div class="contact">
<h1><strong> contact<span style="color:#fff"> me</span></strong></h1><br>
<h2><span style="color:#fff">Suggestions</span> are appreciated. Feel free to ping me anytime :)</h2>
</div>
<div class="row add" >
<div class="col-md-4">
<h3><span class="glyphicon glyphicon-map-marker"></span> Address</h3>
<p style="line-height:180%; margin-left:30px;" >G-13, Govind Bhawan,<br>Indian Institute of Technology,Roorkee,<br>Roorkee Uttarakhand.</p>
</div>
<div class="col-md-4">
<h3><span class="glyphicon glyphicon-earphone"></span> Call me</h3>
<p style="line-height:180%; margin-left:30px;" > +91 839-4884-686.</p>
</div>
<div class="col-md-4">
<h3><span class="glyphicon glyphicon-envelope"></span> Mail me</h3>
<p style="line-height:180%; margin-left:30px;" > priyathamkatta@gmail.com </p>
</div>
</div>
</div>
</div>
<footer class="footer container-fluid" style="height:800px">
<div class="container end">
<a href="https://www.facebook.com/priyathamkatta" target="_blank"> <p>Designed and Developed by </p><h1><strong> P R I Y A T H A M <span style="color:#000;"> K A T T A </strong></span></h1><br></a>
</div>
</footer>
<nav class="navbar navbar-default navbar-fixed-top" data-spy="affix" data-offset-top="800">
<div class="container ">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right" >
<li><a id="home" href="#homeSection">Home </a></li>
<li><a id="aboutme" href="#aboutmeSection">About</a></li>
<li><a id="services" href="#servicesSection">Services</a></li>
<li><a id="gallery" href="#gallerySection">Gallery</a></li>
<li><a id="work" href="#workSection">Looking For</a></li>
<li><a id="contact" href="#contactSection">Contact</a></li>
</ul>
</div>
</div>
</nav>
</body>
</html>