Advertisement
Guest User

Untitled

a guest
May 3rd, 2016
64
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.58 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta name="description" content="">
  7. <meta name="author" content="">
  8. <title>Evento | Free Onepage Event Template | ShapeBootstrap</title>
  9. <link href="{{ asset('assets/css/bootstrap.min.css') }}" rel="stylesheet">
  10. <link href="{{ asset('assets/css/font-awesome.min.css') }}" rel="stylesheet">
  11. <link href="{{ asset('assets/css/main.css') }}" rel="stylesheet">
  12. <link href="{{ asset('assets/css/animate.css') }}" rel="stylesheet">
  13. <link href="{{ asset('assets/css/responsive.css') }}" rel="stylesheet">
  14.  
  15. <!--[if lt IE 9]>
  16. <script src="js/html5shiv.js"></script>
  17. <script src="js/respond.min.js"></script>
  18. <![endif]-->
  19. <link rel="shortcut icon" href="images/ico/favicon.ico">
  20. <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ asset('assets/images/ico/apple-touch-icon-144-precomposed.png') }}">
  21. <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{ asset('assets/images/ico/apple-touch-icon-114-precomposed.png') }}">
  22. <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{ asset('assets/images/ico/apple-touch-icon-72-precomposed.png') }}">
  23. <link rel="apple-touch-icon-precomposed" href="{{ asset('assets/images/ico/apple-touch-icon-57-precomposed.png') }}">
  24. </head><!--/head-->
  25.  
  26. <body>
  27. <header id="header" role="banner">
  28. <div class="main-nav">
  29. <div class="container">
  30. <div class="header-top">
  31. <div class="pull-right social-icons">
  32. <a href="#"><i class="fa fa-twitter"></i></a>
  33. <a href="#"><i class="fa fa-facebook"></i></a>
  34. <a href="#"><i class="fa fa-google-plus"></i></a>
  35. <a href="#"><i class="fa fa-youtube"></i></a>
  36. </div>
  37. </div>
  38. <div class="row">
  39. <div class="navbar-header">
  40. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  41. <span class="sr-only">Toggle navigation</span>
  42. <span class="icon-bar"></span>
  43. <span class="icon-bar"></span>
  44. <span class="icon-bar"></span>
  45. </button>
  46. <a class="navbar-brand" href="index.html">
  47. <img class="img-responsive" src="images/logo.png" alt="logo">
  48. </a>
  49. </div>
  50. <div class="collapse navbar-collapse">
  51. <ul class="nav navbar-nav navbar-right">
  52. <li class="scroll active"><a href="#home">Home</a></li>
  53. <li class="scroll"><a href="#event">Profile</a></li>
  54. <li class="scroll"><a href="#explore">Request</a></li>
  55. <li class="scroll"><a href="#about">CHannel</a></li>
  56. <li class="no-scroll"><a href="#twitter">Gallery</a></li>
  57. <li class="scroll"><a href="#contact">Contact</a></li>
  58. </ul>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. </header>
  64. <!--/#header-->
  65.  
  66. <section id="home">
  67. <div id="main-slider" class="carousel slide" data-ride="carousel">
  68. <ol class="carousel-indicators">
  69. <li data-target="#main-slider" data-slide-to="0" class="active"></li>
  70. <li data-target="#main-slider" data-slide-to="1"></li>
  71. <li data-target="#main-slider" data-slide-to="2"></li>
  72. </ol>
  73. <div class="carousel-inner">
  74. <div class="item active">
  75. <img class="img-responsive" src="{{ asset('assets/images/slider/bg1.jpg') }}" alt="slider">
  76. <div class="carousel-caption">
  77. <h2>register for our next event </h2>
  78. <h4>full event package only @$199</h4>
  79. <a href="#contact">GRAB YOUR TICKETS <i class="fa fa-angle-right"></i></a>
  80. </div>
  81. </div>
  82. <div class="item">
  83. <img class="img-responsive" src="{{ asset('assets/images/slider/bg2.jpg') }}" alt="slider">
  84. <div class="carousel-caption">
  85. <h2>register for our next event </h2>
  86. <h4>full event package only @$199</h4>
  87. <a href="#contact">GRAB YOUR TICKETS <i class="fa fa-angle-right"></i></a>
  88. </div>
  89. </div>
  90. <div class="item">
  91. <img class="img-responsive" src="{{ asset('assets/images/slider/bg3.jpg') }}" alt="slider">
  92. <div class="carousel-caption">
  93. <h2>register for our next event </h2>
  94. <h4>full event package only @$199</h4>
  95. <a href="#contact" >GRAB YOUR TICKETS <i class="fa fa-angle-right"></i></a>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. </section>
  101. <!--/#home-->
  102.  
  103.  
  104. <section id="event">
  105. <div class="container">
  106. <div class="row">
  107. <div class="col-sm-12 col-md-9">
  108. <div id="event-carousel" class="carousel slide" data-interval="false">
  109. <h2 class="heading">THE ROCKING Performers</h2>
  110. <a class="even-control-left" href="#event-carousel" data-slide="prev"><i class="fa fa-angle-left"></i></a>
  111. <a class="even-control-right" href="#event-carousel" data-slide="next"><i class="fa fa-angle-right"></i></a>
  112. <div class="carousel-inner">
  113. <div class="item active">
  114. <div class="row">
  115. <div class="col-sm-4">
  116. <div class="single-event">
  117. <img class="img-responsive" src="images/event/event1.jpg" alt="event-image">
  118. <h4>Chester Bennington</h4>
  119. <h5>Vocal</h5>
  120. </div>
  121. </div>
  122. <div class="col-sm-4">
  123. <div class="single-event">
  124. <img class="img-responsive" src="images/event/event2.jpg" alt="event-image">
  125. <h4>Mike Shinoda</h4>
  126. <h5>vocals, rhythm guitar</h5>
  127. </div>
  128. </div>
  129. <div class="col-sm-4">
  130. <div class="single-event">
  131. <img class="img-responsive" src="images/event/event3.jpg" alt="event-image">
  132. <h4>Rob Bourdon</h4>
  133. <h5>drums</h5>
  134. </div>
  135. </div>
  136. </div>
  137. </div>
  138. <div class="item">
  139. <div class="row">
  140. <div class="col-sm-4">
  141. <div class="single-event">
  142. <img class="img-responsive" src="images/event/event1.jpg" alt="event-image">
  143. <h4>Chester Bennington</h4>
  144. <h5>Vocal</h5>
  145. </div>
  146. </div>
  147. <div class="col-sm-4">
  148. <div class="single-event">
  149. <img class="img-responsive" src="images/event/event2.jpg" alt="event-image">
  150. <h4>Mike Shinoda</h4>
  151. <h5>vocals, rhythm guitar</h5>
  152. </div>
  153. </div>
  154. <div class="col-sm-4">
  155. <div class="single-event">
  156. <img class="img-responsive" src="images/event/event3.jpg" alt="event-image">
  157. <h4>Rob Bourdon</h4>
  158. <h5>drums</h5>
  159. </div>
  160. </div>
  161. </div>
  162. </div>
  163. </div>
  164. </div>
  165. </div>
  166. <div class="guitar">
  167. <img class="img-responsive" src="images/guitar.png" alt="guitar">
  168. </div>
  169. </div>
  170. </div>
  171. </section><!--/#event-->
  172.  
  173. <section id="explore">
  174. <div class="container">
  175. <div class="row">
  176. <div class="watch">
  177. <img class="img-responsive" src="images/watch.png" alt="">
  178. </div>
  179. <div class="col-md-4 col-md-offset-2 col-sm-5">
  180. <h2>Request Pesan Kamu Disini Aja</h2>
  181. </div>
  182. <div class="col-sm-7 col-md-6">
  183. <ul id="countdown">
  184. <form role="form">
  185. <div class="form-group">
  186. <label for="InputName">Full Name</label>
  187. <div class="input-group">
  188. <input type="text" class="form-control" name="InputName" id="InputName" placeholder="Enter Name">
  189. <span class="input-group-addon"></span>
  190. </div>
  191. </div>
  192. <div class="form-group">
  193. <label for="InputEmail">Song Name</label>
  194. <div class="input-group">
  195. <input type="text" class="form-control" id="InputEmailSecond" name="InputEmail" placeholder="Enter Song Name" required>
  196. <span class="input-group-addon"><span class="glyphicon glyphicon-asterisk"></span></span>
  197. </div>
  198. </div>
  199. <div class="form-group">
  200. <label for="InputMessage">Message</label>
  201. <div class="input-group">
  202. <textarea name="InputMessage" id="InputMessage" class="form-control" rows="5" required></textarea>
  203. <span class="input-group-addon"><span class="glyphicon glyphicon-asterisk"></span></span>
  204. </div>
  205. </div>
  206. <input type="submit" name="submit" id="submit" value="Submit" class="btn btn-info pull-right">
  207. </form>
  208. </ul>
  209. </div>
  210.  
  211. </div>
  212. </div>
  213. </section><!--/#explore-->
  214.  
  215. <section id="about">
  216. <div class="guitar2">
  217. <img class="img-responsive" src="{{ asset('assets/images/guitar2.jpg') }}" alt="guitar">
  218. </div>
  219. <div class="about-content">
  220. <h2>About Evento</h2>
  221. <p>We have created an extremely positive and relaxed environment all geared towards developing your skills whether you are an absolute beginner trying to get off the ground or an accomplished player looking to move to the next level. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
  222. <a href="#" class="btn btn-primary">View Date & Place <i class="fa fa-angle-right"></i></a>
  223.  
  224. </div>
  225. </section><!--/#about-->
  226.  
  227. <section id="twitter">
  228. <div id="twitter-feed" class="carousel slide" data-interval="false">
  229. <div class="twit">
  230. <img class="img-responsive" src="{{ asset('assets/images/twit.png') }}" alt="twit">
  231. </div>
  232. <div class="row">
  233. <div class="col-sm-6 col-sm-offset-3">
  234. <div class="text-center carousel-inner center-block">
  235. <div class="item active">
  236. <img src="{{ asset('assets/images/twitter/twitter1.png') }}" alt="">
  237. <p>In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit </p>
  238. <a href="#">http://t.co/yY7s1IfrAb 2 days ago</a>
  239. </div>
  240. <div class="item">
  241. <img src="{{ asset('assets/images/twitter/twitter2.png') }}" alt="">
  242. <p>In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit </p>
  243. <a href="#">http://t.co/yY7s1IfrAb 2 days ago</a>
  244. </div>
  245. <div class="item">
  246. <img src="{{ asset('assets/images/twitter/twitter3.png') }}" alt="">
  247. <p>In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit </p>
  248. <a href="#">http://t.co/yY7s1IfrAb 2 days ago</a>
  249. </div>
  250. </div>
  251. <a class="twitter-control-left" href="#twitter-feed" data-slide="prev"><i class="fa fa-angle-left"></i></a>
  252. <a class="twitter-control-right" href="#twitter-feed" data-slide="next"><i class="fa fa-angle-right"></i></a>
  253. </div>
  254. </div>
  255. </div>
  256. </section><!--/#twitter-feed-->
  257.  
  258. <section id="sponsor">
  259. <div id="sponsor-carousel" class="carousel slide" data-interval="false">
  260. <div class="container">
  261. <div class="row">
  262. <div class="col-sm-10">
  263. <h2>Sponsors</h2>
  264. <a class="sponsor-control-left" href="#sponsor-carousel" data-slide="prev"><i class="fa fa-angle-left"></i></a>
  265. <a class="sponsor-control-right" href="#sponsor-carousel" data-slide="next"><i class="fa fa-angle-right"></i></a>
  266. <div class="carousel-inner">
  267. <div class="item active">
  268. <ul>
  269. <li><a href="#"><img class="img-responsive" src="{{ ('assets/images/sponsor/sponsor1.png') }}" alt=""></a></li>
  270. <li><a href="#"><img class="img-responsive" src="{{ ('assets/images/sponsor/sponsor2.png') }}" alt=""></a></li>
  271. <li><a href="#"><img class="img-responsive" src="{{ ('assets/images/sponsor/sponsor3.png') }}" alt=""></a></li>
  272. <li><a href="#"><img class="img-responsive" src="{{ ('assets/images/sponsor/sponsor4.png') }}" alt=""></a></li>
  273. <li><a href="#"><img class="img-responsive" src="{{ ('assets/images/sponsor/sponsor5.png') }}" alt=""></a></li>
  274. <li><a href="#"><img class="img-responsive" src="{{ ('assets/images/sponsor/sponsor6.png') }}" alt=""></a></li>
  275. </ul>
  276. </div>
  277. <div class="item">
  278. <ul>
  279. <li><a href="#"><img class="img-responsive" src="{{ ('assets/images/sponsor/sponsor6.png') }}" alt=""></a></li>
  280. <li><a href="#"><img class="img-responsive" src="{{ ('assets/images/sponsor/sponsor5.png') }}" alt=""></a></li>
  281. <li><a href="#"><img class="img-responsive" src="{{ ('assets/images/sponsor/sponsor4.png') }}" alt=""></a></li>
  282. <li><a href="#"><img class="img-responsive" src="{{ ('assets/images/sponsor/sponsor3.png') }}" alt=""></a></li>
  283. <li><a href="#"><img class="img-responsive" src="{{ ('assets/images/sponsor/sponsor2.png') }}" alt=""></a></li>
  284. <li><a href="#"><img class="img-responsive" src="{{ ('assets/images/sponsor/sponsor1.png') }}" alt=""></a></li>
  285. </ul>
  286. </div>
  287. </div>
  288. </div>
  289. </div>
  290. </div>
  291. <div class="light">
  292. <img class="img-responsive" src="{{ asset('assets/images/light.png') }}" alt="">
  293. </div>
  294. </div>
  295. </section><!--/#sponsor-->
  296.  
  297. <section id="contact">
  298. <div class="contact-section">
  299. <div class="ear-piece">
  300. <img class="img-responsive" src="{{ asset('assets/images/ear-piece.png') }}" alt="">
  301. </div>
  302. <div class="container">
  303. <div class="row">
  304. <div class="col-sm-3 col-sm-offset-4">
  305. <div class="contact-text">
  306. <h3>Contact</h3>
  307. <address>
  308. E-mail: promo@party.com<br>
  309. Phone: +1 (123) 456 7890<br>
  310. Fax: +1 (123) 456 7891
  311. </address>
  312. </div>
  313. <div class="contact-address">
  314. <h3>Contact</h3>
  315. <address>
  316. Unit C2, St.Vincent's Trading Est.,<br>
  317. Feeder Road,<br>
  318. Bristol, BS2 0UY<br>
  319. United Kingdom
  320. </address>
  321. </div>
  322. </div>
  323. <div class="col-sm-5">
  324. <div id="contact-section">
  325. <h3>Send a message</h3>
  326. <div class="status alert alert-success" style="display: none"></div>
  327. <form id="main-contact-form" class="contact-form" name="contact-form" method="post" action="sendemail.php">
  328. <div class="form-group">
  329. <input type="text" name="name" class="form-control" required="required" placeholder="Name">
  330. </div>
  331. <div class="form-group">
  332. <input type="email" name="email" class="form-control" required="required" placeholder="Email ID">
  333. </div>
  334. <div class="form-group">
  335. <textarea name="message" id="message" required="required" class="form-control" rows="4" placeholder="Enter your message"></textarea>
  336. </div>
  337. <div class="form-group">
  338. <button type="submit" class="btn btn-primary pull-right">Send</button>
  339. </div>
  340. </form>
  341. </div>
  342. </div>
  343. </div>
  344. </div>
  345. </div>
  346. </section>
  347. <!--/#contact-->
  348.  
  349. <footer id="footer">
  350. <div class="container">
  351. <div class="text-center">
  352. <p> Copyright &copy;2014<a target="_blank" href="http://shapebootstrap.net/"> Evento </a>Theme. All Rights Reserved. <br> Designed by <a target="_blank" href="http://shapebootstrap.net/">ShapeBootstrap</a></p>
  353. </div>
  354. </div>
  355. </footer>
  356. <!--/#footer-->
  357.  
  358. <script type="text/javascript" src="{{ asset('assets/js/jquery.js') }}"></script>
  359. <script type="text/javascript" src="{{ asset('assets/js/bootstrap.min.js') }}"></script>
  360. <script type="text/javascript" src="{{ asset('assets/js/gmaps.js') }}"></script>
  361. <script type="text/javascript" src="{{ asset('assets/js/smoothscroll.js') }}"></script>
  362. <script type="text/javascript" src="{{ asset('assets/js/jquery.parallax.js') }}"></script>
  363. <script type="text/javascript" src="{{ asset('assets/js/coundown-timer.js') }}"></script>
  364. <script type="text/javascript" src="{{ asset('assets/js/jquery.scrollTo.js') }}"></script>
  365. <script type="text/javascript" src="{{ asset('assets/js/jquery.nav.js') }}"></script>
  366. <script type="text/javascript" src="{{ asset('assets/js/main.js') }}"></script>
  367. </body>
  368. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement