-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
108 lines (96 loc) · 4.03 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="resources/images/logogirl.ico">
<title>Fit Rock Arena</title>
<!-- Compiled and Minified Bootstrap CSS -->
<link rel = "stylesheet"
href = "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity = "sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin = "anonymous">
<!-- jQuery Library -->
<script src = "https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity = "sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin = "anonymous">
</script>
<!-- Popper -->
<script src = "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity = "sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin = "anonymous">
</script>
<!-- Compiled and Minified Bootstrap JavaScript -->
<script src = "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity = "sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin = "anonymous">
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Custom styles for this template -->
<link href="./resources/styles/fitrockarena.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid">
<nav class="navbar navbar-expand-lg navbar-dark">
<div class="container">
<a class="navbar-brand" href="#"><img src="resources/images/FitRockArena-Logo.png" /></a>
<button class="navbar-toggler ml-auto hidden-sm-up float-xs-right" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span><i class="fa fa-bars"></i></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="nav navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" data-toggle="tab" href="#home">HOME <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#about">ABOUT</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#climbing">CLIMBING</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#prices">PRICES</a>
</li>
</ul>
</div>
</div>
</nav>
<main role="main" class="container">
<div class="tab-content">
<div class="tab-pane active" id="home">
<div class="position-relative overflow-hidden p-3 p-md-5 m-md-3 text-left text-white">
<div class="col-md-12 col-sm-12 p-lg-5 mx-auto my-5">
<h1 class="display-4 font-weight-normal">Fit Rock Arena</h1>
<p class="lead font-weight-normal">Fit Rock Arena is Chennai's first and only rock climbing gym. We at Fit Rock, are passionate climbers ourselves and we are proud to be the first generation of climbers in Chennai.</p>
<a class="btn btn-outline-secondary" href="http://localhost:9889/fitrockarena/#">Read More..</a>
</div>
</div>
</div>
<div class="tab-pane" id="about">
<h4>test2</h4> tab2
</div>
<div class="tab-pane" id="climbing">
<h4>test3</h4> tab3
</div>
<div class="tab-pane" id="prices">
<h4>test4</h4>
</div>
</div>
</main>
<footer class="footer">
<div class="row">
<div class="col-sm-6 col-md-5 col-lg-3 offset-sm-6 offset-md-7 offset-lg-9" >
<ul>
<li>CONTACT</li>
<li><a href="#"><img src="resources/icons/FitRockArena-youtube.png" /></a></li>
<li><a href="#"><img src="resources/icons/FitRockArena-insta.png" /></a></li>
<li><a href="#"><img src="resources/icons/FitRockArena-fb.png" /></a></li>
</ul>
</div>
</div>
</footer>
</div>
</body>
</html>