-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
196 lines (179 loc) · 11.1 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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<html lang="en">
<head>
<meta charset="utf-8" />
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile viewport optimized: h5bp.com/viewport -->
<meta name="viewport" content="width=device-width">
<title>Ashok's Online NLP</title>
<meta name="robots" content="index, nofollow">
<meta name="description" content="NLP-i" />
<meta name="keywords" content="Ashok Subramanian, NLP, Shinota, Neuro Linguistic Programming, Online Training, Personal Counselling, Online Coaching"/>
<meta name="author" content="satenndrra"/>
<!-- Link CSS, Image, Fonts & Icons files -->
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"/>
<!-- Custom Fonts -->
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Montserrat:400,700"/>
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Kaushan+Script"/>
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic"/>
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700"/>
<!-- VideoJS -->
<link rel="stylesheet" type="text/css" href="http://vjs.zencdn.net/5.10.4/video-js.css"/>
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="57x57" href="icn/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="icn/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="icn/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="icn/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="icn/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="icn/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="icn/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="icn/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="icn/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="icn/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="icn/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="icn/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="icn/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!-- Custom CSS -->
<link rel="stylesheet" type="text/css" href="css/nlponline.css"/>
<!-- Custom JS -->
<script async type="text/javascript" src="js/nlponline.js"></script>
<!-- Link CSS, Image, Fonts & Icons files -->
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- video-bg with image-fallback based on Nidhin T's pen [http://codepen.io/nidhinnidhi/pen/jWrqrN] starts -->
<div class="bgvid-overlay"></div>
<div class="fullscreen-bg">
<video id="bgvid" muted autoplay loop poster="img/bgimg.jpg" class="fullscreen-bg__video">
<source src="vid/bgvid.mp4" type="video/mp4"/>
</video>
</div>
<div class="row">
<div class="col-md-12 centerele logotopbot">
<img id="logo-img" src="img/logo.png" alt="Shinota Consulting Logo"/>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="home-content">
<h1>NLP Online<small><span class="sorangetxt"><strong>Online NLP Sessions</strong></span><span class="silvertxt"> via </span> <span class="sgreentxt"><strong>Web Video-Conferencing</strong></span><span class="silvertxt"> with </span> <span class="sorangetxt"><strong>Ashok Subramanian</strong></span></small></h1>
<!-- Enroll Button -->
<br>
<br>
<span class="blink"></span><a href="#enroll" class="blink whitetxt ghost-button ghost-button-bigger" data-toggle="modal"><span class="glyphicon glyphicon-log-in"></span> Enroll for Online Batches </a>
<h2 class="plaintxt centerele">
<small><span id="typed" class="whitetxt"></span></small>
</h2>
</div>
</div>
</div>
<!-- Rest of the buttons -->
<div class="container-fluid">
<div class="row">
<div class="col-md-4 imp-actions">
<video id="trvideo" width="960" height="540">
<source src="vid/actvid.mp4" type="video/mp4"/>
</video>
<a href="#trvideo" class="afterglow ghost-button"><span class="glyphicon glyphicon-film"></span> In Action</a>
</div>
<div class="col-md-4 imp-actions">
<video id="tstvideo" width="960" height="540">
<source src="vid/otest.mp4" type="video/mp4"/>
</video>
<a href="#tstvideo" class="afterglow ghost-button"><span class="glyphicon glyphicon-play-circle"></span> Testimonials</a>
</div>
<div class="col-md-4 imp-actions">
<a href="#online" target="_blank" class="whitetxt ghost-button" data-toggle="modal"><span class="glyphicon glyphicon-question-sign"></span> NLP Online</a>
</div>
</div>
</div>
<!-- video-bg with image-fallback ends -->
<!-- Modal Content -->
<div id="enroll" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header centerele">
<button type="button" class="close" data-dismiss="modal">X</button>
<h4 class="modal-title"><span class="graytxt">Enroll for an Online Batch</span></h4>
</div>
<ol class="breadcrumb"></ol>
<div class="modal-body">
<div class="well">
<p>To enroll for upcoming NLP Online batches or for any other queries, please contact us at <a href="http://shinota.com/page/contact-us.html" target="_blank">shinota.com</a></p>
</div>
<div class="row">
<div class="col-md-12">
<div class="cognito">
<iframe src="https://services.cognitoforms.com/f/Iy0yW1_RRkqlRFpiKbGFzA?id=3" style="position:relative;width:1px;min-width:100%;*width:100%;" frameborder="0" scrolling="yes" seamless="seamless" height="256" width="100%"></iframe>
<script src="https://services.cognitoforms.com/scripts/embed.js"></script>
</div>
</div>
</div>
</div>
<ol class="breadcrumb"></ol>
</div>
</div>
</div>
<div id="online" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">X</button>
<h4 class="modal-title"><span class="graytxt">NLP Online Courses</span></h4>
</div>
<ol class="breadcrumb"></ol>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<img class="img-responsive" src="img/nlpo.jpg" alt="">
</div>
</div>
<div class="row">
<div class="col-md-12 plaintxt centerele">
<h3><small>Courses on Offer</small></h3>
<p class="well">NLP Online courses are interactive one-on-one and group sessions with Ashok Subramanian over web based video-conferencing. Currently there are 3 types of courses on offer: Personal Effectiveness Workshop (PEW), NLP Foundation Workshop (FW) and Personal Excellence Coaching (telephonic).</p>
<h3><small>Format & Requirements</small></h3>
<p class="well">Each PEW and FW course consists of six 2-hr interactive sessions distributed over a period of 3 weeks and includes assignments and a certificate (you'll need a decent internet connection and a webcam).Telephonic coaching is a counselling session over phone and can be purchased/scheduled when required.</p>
<h3><small>Ashok & Shinota</small></h3>
<p class="well">Ashok Subramanian is an NLP Master Trainer of international repute and an NLP pioneer in India. He has been using NLP to bring value to the masses for around two decades. You can read more about Ashok and Shinota at <a href="http://shinota.com" target="_blank">shinota.com</a>.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal Content -->
<!-- footer starts -->
<div class="container-fluid footer">
<div class="row">
<div class="imp-actions sgreentxt">
© Shinota, 2017. All Rights Reserved.
</div>
</div>
</div>
<!-- footer endsstarts -->
<!-- Load External JS files -->
<!-- jQuery -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<!-- Bootstrap -->
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- AfterGlow -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/afterglow/0.3.5/afterglow.min.js"></script>
<!-- Modernizr -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
<!-- Load External JS files -->
</body>
</html>