-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
112 lines (100 loc) · 6.26 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
<!DOCTYPE html>
<html>
<head>
<title>Chakri Reddy</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="css/stylesheet.css">
<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="dimensions" id="main">
<div id="navigationBar" class="centeralign navBarLinkProperties">
<div><a id="blogButton" href="#">Blog</a>
<span class="navBarProperties"> | </span>
<a id="blogButton" href="#">Portifolio</a>
<span class="navBarProperties"> | </span>
<a id="blogButton" href="#">About</a></div>
<!-- <nav>
<button type="button" class="btn"><a href="#">Blog</a></button>
<span class="navBarProperties"> | </span>
<button type="button" class="btn"><a href="#">Portifolio</a></button>
<span class="navBarProperties"> | </span>
<button type="button" class="btn"><a href="#">About</a></button>
</nav>
-->
</div>
<div id="logo_main" class="centeralign paddingLogo">
<div id="logo" width="48%">
<img src="img/Chakri_Logo.svg" alt="CHAKRI REDDY" />
</div>
<div id="descri" class="descriptionProperties">
<div><span id="dream">Dream </span><span id="design">Design </span><span id="develop">Developer</span></div>
</div>
<div id="social">
<div id="btndiv" class="btnDimension hover"><a href="#fifth">Contact Me</a></div>
</div>
</div>
</div>
<!-- ....................... Second Class........................... -->
<div class="dimensions" id="second">
<div class="tablesecondMain" style="position:relative;">
<div id="iknow" class="tablesecond">
<div align="center">
<h2>I Know</h2></span>
</div>
<div class="toplayerText">
<p> HTML,CSS and JavaScript for Web development. Java & PHP are my additional skills. Good at using jQuery & Bootstrap. Familiar with Enyojs and I have one more better hobby called drawing.</p>
</div>
</div>
<div id="iuse" class="tablesecond">
<div align="center">
<h2>I Use</h2></div>
<div class="toplayerText">
<p> Adobe Photoshop for Graphic design, Illustrator for Logo design, SublimeText for writing code, Inkscape for developing SVG and Chrome is my best companion.</p>
</div>
</div>
</div>
<div class="tablesecondMain1" style="position:relative;">
<div id="iam" class="tablesecond">
<div align="center">
<h2>I am</h2></div>
<div class="toplayerText">
<p> Software Engineer by Profession and Web designer by passion. Passionate for developing creative designs. Apart from this a common person hoping for better future.</p>
</div>
</div>
<div id="ido" class="tablesecond">
<div align="center">
<h2>I do</h2></div>
<div class="toplayerText graycolor">
<p> Develop Static and Dynamic Webpages. Design userfriendly UX. Eager to develop best UI. Creative layout development. Logo designing is part of my work.</p>
</div>
</div>
</div>
</div>
<!-- ....................... Second Class END........................... -->
<!-- ....................... Third Class........................... -->
<div id="third" >
<div class="thirdheader" align="center"><h1>My Work</h1></div>
</div>
<!-- ....................... Third Class END........................... -->
<!-- ....................... Fourth Class........................... -->
<div id="fourth" class="dimensions">
<h1>Fourth is on</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla hendrerit enim ipsum, et semper </div>
<!-- ....................... Fourth Class END........................... -->
<!-- ....................... Fifth Class........................... -->
<div id="fifth">
<h1>I am called Fifth</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla hendrerit enim ipsum, et semper metus placerat vel. Aenean porttitor mauris enim, id auctor neque feugiat ut. Donec euismod tincidunt nulla in tristique. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse tristique, tortor ac viverra aliquam, dui mi ullamcorper dui, sed iaculis est enim sed odio. Fusce fermentum erat vel tristique tristique. Donec tempus dolor ut massa convallis tempor. Nam tincidunt eros enim, eget tempor velit pharetra eget. In molestie vel arcu vitae congue. Vivamus porta neque eget massa aliquet hendrerit. Quisque sed libero a mi feugiat tincidunt. Aliquam eget turpis lectus. Duis laoreet vulputate porta. Suspendisse nec volutpat augue. Suspendisse non nisi ac libero ornare efficitur. Proin et pulvinar erat. Sed non tincidunt lacus. Etiam velit mi, aliquet id diam quis, faucibus tincidunt ligula. Aliquam ac arcu nec libero blandit interdum. Aliquam erat volutpat. Morbi sed commodo arcu. Aliquam tempus erat sed hendrerit tristique. Aliquam tempor hendrerit finibus. Nulla sit amet pretium neque, ac laoreet </div>
<div id="sixth">
<div class="copyrightText">Copyright ©2018 <a href="http://www.chakrireddy.com">CHAKRI REDDY</a> All Rights Reserved</div>
</div>
<!-- ....................... Jquery Funtionality........................... -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="js/jquery.visible.min.js"></script>
<script src="js/scripts.js"></script>
<script src="js/console.js"></script>
</body>
</html>