API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 6th, 2016
114
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.18 KB | None | 0 0
raw download clone embed print report
  1. @{
  2. Layout = null;
  3. ViewBag.Title = "Intervio";
  4. }
  5.  
  6. <!DOCTYPE html>
  7. <html>
  8. <head>
  9. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  10. <meta charset="utf-8" />
  11. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  13.  
  14. <title>@ViewBag.Title</title>
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
  17.  
  18. <!-- Add jQuery Style direct - used for jQGrid plugin -->
  19. <link href="@Url.Content("~/Scripts/plugins/jquery-ui/jquery-ui.css")" rel="stylesheet" type="text/css" />
  20.  
  21. <!-- Primary Inspinia style -->
  22. @Styles.Render("~/Content/css")
  23. @Styles.Render("~/font-awesome/css")
  24.  
  25. </head>
  26.  
  27. <body id="page-top" class="landing-page">
  28. <div class="navbar-wrapper">
  29. <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  30. <div class="container">
  31. <div class="navbar-header page-scroll">
  32. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  33. <span class="sr-only">Toggle navigation</span>
  34. <span class="icon-bar"></span>
  35. <span class="icon-bar"></span>
  36. <span class="icon-bar"></span>
  37. </button>
  38. <a class="navbar-brand" href="@Url.Action("Home", "Home")">INTERVIO</a>
  39. </div>
  40. <div id="navbar" class="navbar-collapse collapse">
  41. <ul class="nav navbar-nav navbar-right">
  42. <li><a class="page-scroll" href="#page-top">Home</a></li>
  43. <li><a class="page-scroll" href="#features">Features</a></li>
  44. <li><a class="page-scroll" href="#team">Team</a></li>
  45. <li><a class="page-scroll" href="#contact">Contact</a></li>
  46. </ul>
  47. </div>
  48. </div>
  49. </nav>
  50. </div>
  51. <div id="inSlider" class="carousel carousel-fade" data-ride="carousel">
  52. <ol class="carousel-indicators">
  53. <li data-target="#inSlider" data-slide-to="0" class="active"></li>
  54. <li data-target="#inSlider" data-slide-to="1"></li>
  55. </ol>
  56. <div class="carousel-inner" role="listbox">
  57. <div class="item active">
  58. <div class="container">
  59. <div class="carousel-caption">
  60. <h1>
  61. We help you<br />
  62. achieve, conquer,<br />
  63. and succeed<br />
  64. </h1>
  65. <p>Online interview practise platform</p>
  66. </div>
  67. <div class="carousel-image wow zoomIn">
  68. <img src="~/Images/landing/laptop.png" alt="laptop" />
  69. </div>
  70. </div>
  71. <!-- Set background for slide in css -->
  72. <div class="header-back one"></div>
  73.  
  74. </div>
  75. <div class="item">
  76. <div class="container">
  77. <div class="carousel-caption blank">
  78. <h1>We prepare you for the interview <br /> so that you can always be the winner.</h1>
  79. <p>Join Intervio Now!</p>
  80. </div>
  81. </div>
  82. <!-- Set background for slide in css -->
  83. <div class="header-back two"></div>
  84. </div>
  85. </div>
  86. <a class="left carousel-control" href="#inSlider" role="button" data-slide="prev">
  87. <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
  88. <span class="sr-only">Previous</span>
  89. </a>
  90. <a class="right carousel-control" href="#inSlider" role="button" data-slide="next">
  91. <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  92. <span class="sr-only">Next</span>
  93. </a>
  94. </div>
  95. <section id="features" class="container features">
  96. <div class="row">
  97. <div class="col-lg-12 text-center landing-startbtn">
  98. <a href="/Account/Register" class="btn btn-block btn-outline btn-primary">START NOW!</a>
  99. </div>
  100. </div>
  101. </section>
  102. <section id="features" class="container features">
  103. <div class="row">
  104. <div class="col-lg-12 text-center">
  105. <div class="navy-line"></div>
  106. <h1>We employ over 200+ specialist<br /> <span class="navy"> in 20 fields</span> </h1>
  107. <p>Join now and we will connect you to one of them. </p>
  108. </div>
  109. </div>
  110. <div class="row">
  111. <div class="col-md-3 text-center wow fadeInLeft">
  112. <div>
  113. <i class="fa fa-diamond features-icon"></i>
  114. <h2>Practise makes perfect</h2>
  115. <p>Here at Intervio, we believe that the more you practise the more confident you become and the better you perform.</p>
  116. </div>
  117. <div class="m-t-lg">
  118. <i class="fa fa-money features-icon"></i>
  119. <h2>100% Free</h2>
  120. <p>Every practise interview you take is absolutely free. If you are happy with interviewer, you will be given the chance to send a small amount for his hard work.</p>
  121. </div>
  122. </div>
  123. <div class="col-md-6 text-center wow zoomIn">
  124. <img src="~/Images/landing/perspective.png" alt="dashboard" class="img-responsive" id="landing-page-interview-feature-pic">
  125. </div>
  126. <div class="col-md-3 text-center wow fadeInRight">
  127. <div>
  128. <i class="fa fa-envelope features-icon"></i>
  129. <h2>Feedback reports</h2>
  130. <p>After each interview you will be given a detailed feedback report in which you will see how you did and what can you improve</p>
  131. </div>
  132. <div class="m-t-lg">
  133. <i class="fa fa-graduation-cap features-icon"></i>
  134. <h2>We are professional</h2>
  135. <p>All of the interviews are conducted by professionals in the field. You will be able to experience what a real interview is like so that you are prepared for the real one.</p>
  136. </div>
  137. </div>
  138. </div>
  139. </section>
  140.  
  141. <section id="team" class="team">
  142. <div class="container">
  143. <div class="row m-b-lg">
  144. <div class="col-lg-12 text-center">
  145. <div class="navy-line"></div>
  146. <h1>Our Team</h1>
  147. <p>Motivated, curious, professionals</p>
  148. </div>
  149. </div>
  150. <div class="row">
  151. <div class="col-sm-4 wow fadeInLeft">
  152. <div class="team-member">
  153. <img src="~/Images/landing/avatar3.jpg" class="img-responsive img-circle img-small" alt="">
  154. <h4><span class="navy">Konstantin</span> Gerov</h4>
  155. <p>"Failure is an option here. If things are not failing, you are not innovating enough." - Elon Musk</p>
  156. <ul class="list-inline social-icon">
  157. <li>
  158. <a href="#"><i class="fa fa-twitter"></i></a>
  159. </li>
  160. <li>
  161. <a href="#"><i class="fa fa-facebook"></i></a>
  162. </li>
  163. <li>
  164. <a href="#"><i class="fa fa-linkedin"></i></a>
  165. </li>
  166. </ul>
  167. </div>
  168. </div>
  169. <div class="col-sm-4">
  170. <div class="team-member wow zoomIn">
  171.  
  172. </div>
  173. </div>
  174. <div class="col-sm-4 wow fadeInRight">
  175. <div class="team-member">
  176. <img src="~/Images/landing/avatar2.jpg" class="img-responsive img-circle img-small" alt="">
  177. <h4><span class="navy">Boyan</span> Asenov</h4>
  178. <p>"Risk comes from not knowing what you're doing." - Warren Buffet</p>
  179. <ul class="list-inline social-icon">
  180. <li>
  181. <a href="#"><i class="fa fa-twitter"></i></a>
  182. </li>
  183. <li>
  184. <a href="#"><i class="fa fa-facebook"></i></a>
  185. </li>
  186. <li>
  187. <a href="#"><i class="fa fa-linkedin"></i></a>
  188. </li>
  189. </ul>
  190. </div>
  191. </div>
  192. </div>
  193. <div class="row">
  194. <div class="col-lg-8 col-lg-offset-2 text-center m-t-lg m-b-lg">
  195. <p>Hard-work is the motto of the team. We put as much effort as we can to make Intervio the best platform for conducting practise interview online.</p>
  196. </div>
  197. </div>
  198. </div>
  199. </section>
  200. <section id="contact" class="gray-section contact">
  201. <div class="container">
  202. <div class="row m-b-lg">
  203. <div class="col-lg-12 text-center">
  204. <div class="navy-line"></div>
  205. <h1>Contact Us</h1>
  206. <p>Feel free to contact us for any questions, offers, or other.</p>
  207. </div>
  208. </div>
  209. <div class="row m-b-lg">
  210. <div class="col-md-12 contact-info">
  211. <address>
  212. <strong><span class="navy">Intervio, Inc.</span></strong><br />
  213. Str. Rakovska 17<br />
  214. Sofia, Bulgaria<br />
  215. <abbr title="Phone">P:</abbr> +359885664358
  216. </address>
  217. </div>
  218. </div>
  219. <div class="row">
  220. <div class="col-lg-12 text-center">
  221. <a href="mailto:test@email.com" class="btn btn-primary">Send us mail</a>
  222. <p class="m-t-sm">
  223. Or follow us on social platform
  224. </p>
  225. <ul class="list-inline social-icon">
  226. <li>
  227. <a href="#"><i class="fa fa-twitter"></i></a>
  228. </li>
  229. <li>
  230. <a href="#"><i class="fa fa-facebook"></i></a>
  231. </li>
  232. <li>
  233. <a href="#"><i class="fa fa-linkedin"></i></a>
  234. </li>
  235. </ul>
  236. </div>
  237. </div>
  238. <div class="row">
  239. <div class="col-lg-8 col-lg-offset-2 text-center m-t-lg m-b-lg">
  240. <p><strong>&copy; 2015 Intervio</strong></p>
  241. </div>
  242. </div>
  243. </div>
  244. </section>
  245.  
  246. <!-- Section for main scripts render -->
  247. @Scripts.Render("~/bundles/jquery")
  248. @Scripts.Render("~/bundles/bootstrap")
  249. @Scripts.Render("~/plugins/slimScroll")
  250. @Scripts.Render("~/bundles/inspinia")
  251.  
  252.  
  253. <script>
  254.  
  255. $(document).ready(function () {
  256.  
  257. $('body').scrollspy({
  258. target: '.navbar-fixed-top',
  259. offset: 80
  260. });
  261.  
  262. // Page scrolling feature
  263. $('a.page-scroll').bind('click', function (event) {
  264. var link = $(this);
  265. $('html, body').stop().animate({
  266. scrollTop: $(link.attr('href')).offset().top - 50
  267. }, 500);
  268. event.preventDefault();
  269. });
  270. });
  271.  
  272. var cbpAnimatedHeader = (function () {
  273. var docElem = document.documentElement,
  274. header = document.querySelector('.navbar-default'),
  275. didScroll = false,
  276. changeHeaderOn = 200;
  277. function init() {
  278. window.addEventListener('scroll', function (event) {
  279. if (!didScroll) {
  280. didScroll = true;
  281. setTimeout(scrollPage, 250);
  282. }
  283. }, false);
  284. }
  285. function scrollPage() {
  286. var sy = scrollY();
  287. if (sy >= changeHeaderOn) {
  288. $(header).addClass('navbar-scroll')
  289. }
  290. else {
  291. $(header).removeClass('navbar-scroll')
  292. }
  293. didScroll = false;
  294. }
  295. function scrollY() {
  296. return window.pageYOffset || docElem.scrollTop;
  297. }
  298. init();
  299.  
  300. })();
  301.  
  302. </script>
  303.  
  304. </body>
  305. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!