Skip to content

Commit eaa0038

Browse files
ProgrammerGauravProgrammerGaurav
committed
Hello World!
1 parent 57ad819 commit eaa0038

File tree

1 file changed

+98
-99
lines changed

1 file changed

+98
-99
lines changed

‎index.html‎

Lines changed: 98 additions & 99 deletions
Original file line numberDiff line numberDiff line change
@@ -16,112 +16,111 @@
1616
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
1717
</head>
1818
<body>
19-
<div>
20-
<section class="welcome_area" style="background-image: url(background.png)">
21-
<!-- Navigation Bar Start -->
22-
<header class="navbars">
23-
<div class="logo">
24-
Programmer Gaurav
25-
</div>
26-
<nav>
27-
<ul>
28-
<li><a href="#">Home</a></li>
29-
<li><a href="#work">Work</a></li>
30-
<li><a href="#skills">Skills</a></li>
31-
<li><a href="#about">About</a></li>
32-
<li><a href="#contact">Contact</a></li>
33-
</ul>
34-
</nav>
35-
<div class="toggle">
36-
<i class="fa fa-bars"></i>
37-
</div>
38-
</header>
39-
<!-- Navigation Bar Ends -->
40-
<!-- Title Start -->
41-
<div class="title">
42-
<div class="type-wrap">
43-
<div id="typed-strings" class="typing">
44-
<h1>Hi, I am a Gaurav.</h1>
45-
<h1>I am a Full Stack Developer.</h1>
46-
<h1>I want to change the World.</h1>
47-
</div>
48-
<span id="typed" style="white-space:pre;"></span>
49-
</div>
19+
<section class="welcome_area" style="background-image: url(background.png)">
20+
<!-- Navigation Bar Start -->
21+
<header class="navbars">
22+
<div class="logo">
23+
Programmer Gaurav
5024
</div>
51-
<div class="email">
52-
<p>If you need a Website, then email me may be.</p>
25+
<nav>
26+
<ul>
27+
<li><a href="#">Home</a></li>
28+
<li><a href="#work">Work</a></li>
29+
<li><a href="#skills">Skills</a></li>
30+
<li><a href="#about">About</a></li>
31+
<li><a href="#contact">Contact</a></li>
32+
</ul>
33+
</nav>
34+
<div class="toggle">
35+
<i class="fa fa-bars"></i>
5336
</div>
54-
<div id="work" class="owl-carousel work">
55-
<div><img src="img/device1.png"></div>
56-
<div><img src="img/device2.png"></div>
37+
</header>
38+
<!-- Navigation Bar Ends -->
39+
<!-- Title Start -->
40+
<div class="title">
41+
<div class="type-wrap">
42+
<div id="typed-strings" class="typing">
43+
<h1>Hi, I am a Gaurav.</h1>
44+
<h1>I am a Full Stack Developer.</h1>
45+
<h1>I want to change the World.</h1>
46+
</div>
47+
<span id="typed" style="white-space:pre;"></span>
5748
</div>
58-
<!-- Title End -->
59-
</section>
60-
<!-- About me starts -->
61-
<div id="about" class="about">
62-
<h1>About Me</h1>
63-
<div class="promo-area">
64-
<div class="container">
65-
<div class="row">
66-
<div class="col-md-3 col-6">
67-
<div class="single-promo">
68-
<i class="fadeInRight wow fa fa-tachometer"></i>
69-
<p class="wow fadeInLeft">Fast</p>
70-
</div>
49+
</div>
50+
<div class="email">
51+
<p>If you need a Website, then email me may be.</p>
52+
</div>
53+
<div id="work" class="owl-carousel work">
54+
<div><img alt="Sample Work" src="img/device1.png"></div>
55+
<div><img alt="Sample Work" src="img/device2.png"></div>
56+
</div>
57+
<!-- Title End -->
58+
</section>
59+
<!-- About me starts -->
60+
<div id="about" class="about">
61+
<h1>About Me</h1>
62+
<div class="promo-area">
63+
<div class="container">
64+
<div class="row">
65+
<div class="col-md-3 col-6">
66+
<div class="single-promo">
67+
<i class="fadeInRight wow fa fa-tachometer"></i>
68+
<p class="wow fadeInLeft">Fast</p>
7169
</div>
72-
<div class="col-md-3 col-6">
73-
<div class="single-promo">
74-
<i class="fadeInLeft wow fa fa-lightbulb-o"></i>
75-
<p class="wow fadeInRight">Initative</p>
76-
</div>
70+
</div>
71+
<div class="col-md-3 col-6">
72+
<div class="single-promo">
73+
<i class="fadeInLeft wow fa fa-lightbulb-o"></i>
74+
<p class="wow fadeInRight">Initative</p>
7775
</div>
78-
<div class="col-md-3 col-6">
79-
<div class="single-promo">
80-
<i class="fadeInRight wow fa fa-tablet"></i>
81-
<p class="wow fadeInLeft">Responsive</p>
82-
</div>
76+
</div>
77+
<div class="col-md-3 col-6">
78+
<div class="single-promo">
79+
<i class="fadeInRight wow fa fa-tablet"></i>
80+
<p class="wow fadeInLeft">Responsive</p>
8381
</div>
84-
<div class="col-md-3 col-6">
85-
<div class="single-promo">
86-
<i class="fadeInLeft wow fa fa-rocket" data-animation="fadeInLeft"></i>
87-
<p class="wow fadeInRight">Dynamic</p>
88-
</div>
82+
</div>
83+
<div class="col-md-3 col-6">
84+
<div class="single-promo">
85+
<i class="fadeInLeft wow fa fa-rocket" data-animation="fadeInLeft"></i>
86+
<p class="wow fadeInRight">Dynamic</p>
8987
</div>
90-
</div>`
91-
</div>
92-
</div>
93-
</div>
94-
<!-- About me End -->
95-
<!-- My skills start -->
96-
<div id="skills" class="skills">
97-
<h1>My skills</h1>
98-
<div class="owl-carousels">
99-
<div class="skills-set"><img src="img/html-5.svg" alt="">HTML5</div>
100-
<div class="skills-set"><img src="img/css3.svg" alt="">CSS3</div>
101-
<div class="skills-set"><img src="img/js.svg" alt="">JavaScript</div>
102-
<div class="skills-set"><img src="img/jquery.svg" alt="">Jquery</div>
103-
<div class="skills-set"><img src="img/bootstrap.svg" alt="">BootStrap</div>
104-
<div class="skills-set"><img src="img/django.svg" alt="">Django</div>
88+
</div>
89+
</div>`
10590
</div>
10691
</div>
107-
<!-- My skills End -->
108-
<!-- Footer Start -->
109-
<div class="footer text-center p-5">
110-
<h3 class="text-light">Programmer Gaurav</h3>
111-
<a target="blank" href="https://www.facebook.com/profile.php?id=100026746380141"
112-
class="fa fan fa-facebook"></a>
113-
<a target="blank" href="https://www.instagram.com/programmergaurav/" class="fa fan fa-instagram"></a>
114-
<a target="blank" href="https://www.linkedin.com/in/gaurav-gupta-ab8b7a175/" class="fa fan fa-linkedin"></a>
115-
<a target="blank" href="https://twitter.com/ProgrammerGRG" class="fa fan fa-twitter"></a>
92+
</div>
93+
<!-- About me End -->
94+
<!-- My skills start -->
95+
<div id="skills" class="skills">
96+
<h1>My skills</h1>
97+
<div class="owl-carousels">
98+
<div class="skills-set"><img src="img/html-5.svg" alt="">HTML5</div>
99+
<div class="skills-set"><img src="img/css3.svg" alt="">CSS3</div>
100+
<div class="skills-set"><img src="img/js.svg" alt="">JavaScript</div>
101+
<div class="skills-set"><img src="img/jquery.svg" alt="">Jquery</div>
102+
<div class="skills-set"><img src="img/bootstrap.svg" alt="">BootStrap</div>
103+
<div class="skills-set"><img src="img/django.svg" alt="">Django</div>
116104
</div>
117-
<!-- Footer Ends -->
118-
<script type="text/javascript" src="js/typed.min.js"></script>
119-
<script type="text/javascript" src="js/jquery.min.js"></script>
120-
<script type="text/javascript" src="js/popper.min.js"></script>
121-
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
122-
<script type="text/javascript" src="js/bootstrap.min.js"></script>
123-
<script type="text/javascript" src="js/wow.min.js"></script>
124-
<script type="text/javascript" src="js/script.js"></script>
125-
</body>
126-
127-
</html>
105+
</div>
106+
<!-- My skills End -->
107+
<!-- Footer Start -->
108+
<div class="footer text-center p-5">
109+
<h3 class="text-light">Programmer Gaurav</h3>
110+
<a target="blank" href="https://www.facebook.com/profile.php?id=100026746380141"
111+
class="fa fan fa-facebook"></a>
112+
<a target="blank" href="https://www.instagram.com/programmergaurav/" class="fa fan fa-instagram"></a>
113+
<a target="blank" href="https://www.linkedin.com/in/gaurav-gupta-ab8b7a175/" class="fa fan fa-linkedin"></a>
114+
<a target="blank" href="https://twitter.com/ProgrammerGRG" class="fa fan fa-twitter"></a>
115+
</div>
116+
<!-- Footer Ends -->
117+
<script src="js/typed.min.js"></script>
118+
<script src="js/jquery.min.js"></script>
119+
<script src="js/popper.min.js"></script>
120+
<script src="js/owl.carousel.min.js"></script>
121+
<script src="js/bootstrap.min.js"></script>
122+
<script src="js/wow.min.js"></script>
123+
<script src="js/script.js"></script>
124+
</body>
125+
126+
</html>

0 commit comments

Comments
 (0)