-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
208 lines (189 loc) · 9.57 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
205
206
207
208
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="HackEstate is a website to answer all your queries about real estate. No more waiting in long queues or days to get your queries answered.">
<meta name="robots" content="noodp">
<meta property="og:type" content="website">
<meta property="og:title" content="KnowYourLaw">
<meta property="og:url" content="">
<meta property="og:site_name" content="KnowYourLaw">
<link rel="icon" href="images/icon.png">
<link rel="apple-touch-icon" sizes="50x50" href="images/icon.png">
<link rel="apple-touch-icon" sizes="75x75" href="images/icon.png">
<link rel="apple-touch-icon" sizes="100x100" href="images/icon.png">
<link rel="apple-touch-icon" sizes="200x200" href="images/icon.png">
<title>Know Your Law</title>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Lato|Open+Sans+Condensed:300,700|Raleway" rel="stylesheet">
<!-- AnimateCSS -->
<link rel="stylesheet" href="css/animate.min.css">
<!-- OWL CAROUSEL -->
<link rel="stylesheet" type="text/css" href="css/owl.carousel.css">
<!-- FONT AWESOME -->
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Custom CSS -->
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body data-spy="scroll" data-target="#navbar" data-offset="50">
<div id="main">
<div class="overlay">
<div id="front-view">
<a class="navbar-brand navbrand-top" href="index.html">Know Your Law</a>
<nav id="navbar" class="navbar navbar-expand-lg navbar-light bg-light">
<span class="navbar-header"><a class="navbar-brand" href="index.html">Hack Estate</a></span>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto d-flex justify-content-center">
<li class="nav-item">
<a class="nav-link" href="#front-view">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#intro">Intro</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#query">Query</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
</nav>
<div id="main-view">
<h1 class="wow fadeIn animated" data-wow-delay="0.45s" style="visibility: visible; animation-delay: 0.45s;">Raise Your Question</h1>
<p>Building a better working world</p>
</div>
</div>
</div>
<section class="wrapper" id="intro">
<div class="row wrapper-overlay">
<div class="col-md-4 box box-vid">
<div class="overlap-right box text-left">
<h2 class="section-header">
<span class="item wow fadeInLeftBig animated" data-wow-delay="0.1s" style="yvisibility: visible; animation-delay: 0.1s;">Journey</span><br>
<span class="item wow fadeInLeftBig animated" data-wow-delay="0.15s" style="visibility: visible; animation-delay: 0.15s;">Begins</span>
</h2>
<article class="box box-small text-left">
<h4 class="super colored item wow fadeInUpBig animated" data-wow-delay="0.18s" style="visibility: visible; animation-delay: 0.18s;">Connect Live Now</h4>
<div class="paragraph item wow fadeInUpBig animated" data-wow-delay="0.23s" style="visibility: visible; animation-delay: 0.23s;">
Get answer to all your queries about real estate. No more waiting in long queues or days to get your queries answered</div>
<a href="#" class="link colored item wow fadeInUpBig animated" data-wow-delay="0.28s" style="visibility: hidden; animation-delay: 0.28s; animation-name: none;">
<div class="icolink wrappero">
<svg version="1.1" class="box-svg link-overlay-right" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20.2 4.7" enable-background="new 0 0 20.2 4.7" xml:space="preserve">
<path fill="#17a2b8" d="M0,2.6h16v-1H0V2.6z M16.2,0v4.7l4.1-2.4L16.2,0z"></path>
</svg>
<div class="wrapper wrapper-panel link-overlay-left">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20.2 4.7" enable-background="new 0 0 20.2 4.7" xml:space="preserve">
<path fill="#FFFFFF" d="M0,2.6h16v-1H0V2.6z M16.2,0v4.7l4.1-2.4L16.2,0z"></path>
</svg>
</div>
</div>
<span class="link"><span class="color-transparent">Discover this case study</span>
<div class="wrapper wrapper-panel wrappero link-panel-right">
<div class="wrapper wrapper-panel wrappero link-panel-left"><span class="link colored">Discover this case study</span>
</div>
</div>
<div class="wrapper wrapper-panel wrappero link-mask-left">
<div class="wrapper wrapper-panel wrappero link-mask-right">
<span class="link text-dark">Discover this case study</span>
</div>
</div>
</span>
</a>
</article>
</div>
<div class="wrapper wrapper-panel wrappero">
<video class="cell sprite sprite-package" data-ratio="0.08" preload="auto" autoplay="" loop="" style="transform: translateY(68.56px) translateZ(0px);">
<source src="images/building-blocks.mp4" type="video/mp4">
</video>
</div>
</div>
<div class="col-md-8 box mp-flow wow fadeInDown animated" data-wow-delay="0.28s" style="visibility: visible; animation-delay: 0.28s;">
<div class="parallax-bg"></div>
</div>
</div>
</div>
</section>
<section id="query">
<div class="container">
<h2 class="section-header text-dark wow fadeInUpBig animated" data-wow-delay="0.28s" style="visibility: visible; animation-delay: 0.28s;">
Enter Your Query
</h2>
<div class="wrap-up">
<iframe
src="https://console.dialogflow.com/api-client/demo/embedded/95998938-e308-4637-9379-6669adc0ecdd">
</iframe>
<span class="skype-button bubble " data-bot-id="125a2741-b004-465a-bab2-e526590bb15a"></span>
</div>
</div>
</section>
<section id="contact">
<div class="container">
<h2 class="section-header wow fadeInLeftBig animated" data-wow-delay="0.32s" style="visibility: visible; animation-delay: 0.32s;">Connect Personally</h2>
<form action="contact.php" method="post">
<div class="form-group wow bounceInLeft animated" data-wow-delay="0.05s" style="visibility: visible; animation-delay: 0.05s;">
<input type="text" class="form-control" id="InputName" name="InputName" aria-describedby="emailHelp" placeholder="Enter your name">
</div>
<div class="form-group wow bounceInLeft animated" data-wow-delay="0.075s" style="visibility: visible; animation-delay: 0.075s;">
<input type="eamil" class="form-control" id="InputEmail" name="InputEmail" placeholder="Enter your email">
</div>
<div class="form-group wow bounceInLeft animated" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s;">
<input type="text" class="form-control" id="InputSubject" name="InputSubject" aria-describedby="emailSubject" placeholder="Enter your Subject">
</div>
<div class="wow bounceInLeft animated" data-wow-delay="0.125s" style="visibility: visible; animation-delay: 0.125s;">
<div class="form-group">
<textarea class="form-control" id="InputMessage" name="InputMessage" placeholder="Enter your message" rows="3"></textarea>
</div>
<div class="form-check">
<label class="form-check-label">
<input type="checkbox" class="form-check-input">
Remember me
</label>
</div>
</div>
<button type="submit" class="btn btn-primary btn-block wow bounceInLeft animated" data-wow-delay="0.15s" style="visibility: visible; animation-delay: 0.15s;">Submit</button>
</form>
</div>
</section>
<footer class="bg-dark">
<div class="container">
<div class="row">
<div class="col">
<p>© Copyright Gladiators@EYHackathon2017</p>
</div>
<div class="col social">
<p><a href="https://www.facebook.com/hashtag/eyhackathon?source=feed_text&story_id=989605374513917"><i class="fa fa-facebook fa-2x" aria="hidden"></i></a>
<a href="https://www.youtube.com/playlist?list=UUPikSawOLJ7HGzqy-KNDbgg"><i class="fa fa-youtube fa-2x" aria="hidden"></i></a>
<a href="https://twitter.com/EY_India"><i class="fa fa-twitter fa-2x" aria="hidden"></i></a>
<a href="https://github.com/EYHackathon"><i class="fa fa-github fa-2x" aria="hidden"></i></a></p>
</div>
</div>
</div>
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
<!-- OWL CAROUSEL -->
<script src="js/owl.carousel.min.js"></script>
<!-- WoW Js -->
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<!-- FONT AWESOME -->
<script src="https://use.fontawesome.com/661fbd9220.js"></script>
<!-- SKYPE -->
<script src="https://swc.cdn.skype.com/sdk/v1/sdk.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- Custom JS -->
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>