-
Notifications
You must be signed in to change notification settings - Fork 0
/
deep.html
128 lines (101 loc) · 5.56 KB
/
deep.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> Deep Fitness</title>
<meta name="description" content="Download free Bootstrap 4 multipurpose template Comply." />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--Bootstrap 4-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<!--icons-->
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" />
<link rel="stylesheet" href="css/basestyle.css" />
</head>
<body>
<!--header-->
<nav class="navbar navbar-expand-md navbar-dark fixed-top sticky-navigation">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="ion-grid icon-sm"></span>
</button>
<a class="navbar-brand hero-heading" href="index.html">Vamsi Batchu</a>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item mr-3">
<a class="nav-link page-scroll" href="#main">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item mr-3">
<a class="nav-link page-scroll" href="#features">Work</a>
</li>
</ul>
</div>
</nav>
<!--main section-->
<section class="bg-texture hero" id="main" style="background: #F9690E !important;">
<div class="container">
<div class="row d-md-flex brand">
<div class="col-md-12 col-sm-12 text-white wow fadeIn">
<h2 class="pt-4">Deep Fitness<b class="text-primary-light" style="color: #2980b9 !important;"> </b></h2>
<p class="mt-5">
User Experience Design </p>
</div>
</div>
</div>
</section>
<!--features-->
<section class="bg-light" id="features">
<div class="container">
<img style="width: 100%;" src="img/deep/1.png">
<img style="width: 100%;" src="img/deep/2.gif">
<img style="width: 100%;" src="img/deep/3.png">
<img style="width: 100%;" src="img/deep/4.gif">
<img style="width: 100%;" src="img/deep/5.png">
<img style="width: 100%;" src="img/deep/6.gif">
<img style="width: 100%;" src="img/deep/7.png">
<img style="width: 100%;" src="img/deep/8.gif">
<img style="width: 100%;" src="img/deep/9.png">
<img style="width: 100%;" src="img/deep/10.png">
</section>
<!--contact-->
<section class="bg-texture-collage p-0" id="contact">
<div class="container">
<div class="row d-md-flex text-white text-center wow fadeIn">
<div class="col-sm-4 p-5">
<p><em class="ion-ios-telephone-outline icon-md"></em></p>
<p class="lead">+1 4049062645</p>
</div>
<div class="col-sm-4 p-5">
<p><em class="ion-ios-email-outline icon-md"></em></p>
<p class="lead">vamsibatchuk@gmail.com</p>
</div>
<div class="col-sm-4 p-5">
<p><em class="ion-ios-location-outline icon-md"></em></p>
<p class="lead">Atlanta</p>
</div>
</div>
</div>
</section>
<!--footer-->
<section class="bg-footer" id="connect">
<div class="container">
<div class="row">
<div class="col-md-6 offset-md-3 col-sm-8 offset-sm-2 col-xs-12 text-center wow fadeIn">
<h1>VAMSI BATCHU</h1>
<p class="mt-4">
<a href="https://twitter.com/" target="_blank"><em class="ion-social-twitter text-twitter-alt icon-sm mr-3"></em></a>
<a href="https://facebook.com/" target="_blank"><em class="ion-social-github text-facebook-alt icon-sm mr-3"></em></a>
<a href="https://www.linkedin.com/" target="_blank"><em class="ion-social-linkedin text-linkedin-alt icon-sm mr-3"></em></a>
<a href="https://plus.google.com/" target="_blank"><em class="ion-social-googleplus text-google-alt icon-sm mr-3"></em></a>
</p>
</div>
</div>
</div>
</section>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.js"></script>
<script src="js/basescripts.js"></script>
</body>
</html>