API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 9th, 2016
152
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.48 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
  3. <!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
  4. <!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
  5. <!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
  6. <head>
  7. <meta charset="utf-8">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9.  
  10. <title>skaraosky - Revenim in curand !</title>
  11.  
  12. <meta name="description" content="">
  13. <meta name="author" content="">
  14.  
  15. <!-- Responsive View Meta -->
  16. <meta name="viewport" content="width=device-width, initial-scale=1">
  17.  
  18. <!-- Place favicon.ico in the root directory -->
  19. <link rel="icon" href="favicon.ico" type="image/x-icon">
  20.  
  21. <!-- Animate.CSS -->
  22. <link rel="stylesheet" href="css/animate.css">
  23.  
  24. <!-- Font Aewsome Style -->
  25. <link rel="stylesheet" href="css/font-awesome.min.css">
  26.  
  27. <!-- Fullscreen Background Slider -->
  28. <link href="css/jquery.maximage.min.css" rel="stylesheet">
  29.  
  30. <!-- Bootstrap Style -->
  31. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  32.  
  33. <!-- Reset Style -->
  34. <link rel="stylesheet" href="css/normalize.css">
  35.  
  36. <!-- Main Style -->
  37. <link rel="stylesheet" href="css/main.css">
  38.  
  39. <!-- Color Switcher Style -->
  40. <link rel="stylesheet" href="switcher/switcher.css">
  41. <!-- alternate style start || to use your preferred color, simply remove all style colors below and leave only your preferred color -->
  42. <link href="css/colors/dark.css" rel="stylesheet">
  43. <link href="css/colors/brick.css" rel="stylesheet">
  44. <link href="css/colors/turquoise.css" rel="stylesheet">
  45. <link href="css/colors/violet.css" rel="stylesheet">
  46. <link href="css/colors/purple.css" rel="stylesheet">
  47. <link href="css/colors/pink.css" rel="stylesheet">
  48. <link href="css/colors/orange.css" rel="stylesheet">
  49. <link href="css/colors/blue-2.css" rel="stylesheet">
  50. <link href="css/colors/blue.css" rel="stylesheet">
  51. <link href="css/colors/green-2.css" rel="stylesheet">
  52. <link href="css/colors/green.css" rel="stylesheet">
  53. <link href="css/colors/red-2.css" rel="stylesheet">
  54. <link href="css/colors/red.css" rel="stylesheet">
  55. <link href="css/colors/red.css" rel="stylesheet">
  56. <link href="css/colors/default-color.css" rel="stylesheet"><!-- alternate style end -->
  57.  
  58. <style type="text/css">
  59. #clock span {
  60. font-size: 24px;
  61. font-weight: 700;
  62. }
  63. </style>
  64.  
  65. <!--[if lt IE 9]>
  66. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  67. <![endif]-->
  68.  
  69. <script src="js/vendor/modernizr-2.8.3.min.js"></script>
  70. <script
  71. src="http://code.jquery.com/jquery-3.1.1.min.js"
  72. integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
  73. crossorigin="anonymous"></script>
  74. <script type="text/javascript" src="jquery.countdown.js"></script>
  75. <script type="text/javascript">
  76. $(document).ready(function(){
  77. $('#clock').countdown('2020/10/10').on('update.countdown', function(event) {
  78. var $this = $(this).html(event.strftime(''
  79. + '<span>%-w</span> week%!w '
  80. + '<span>%-d</span> day%!d '
  81. + '<span>%H</span> hr '
  82. + '<span>%M</span> min '
  83. + '<span>%S</span> sec'));
  84. });
  85. });
  86. </script>
  87. </head>
  88. <body>
  89. <!--[if lt IE 8]>
  90. <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  91. <![endif]-->
  92. <!-- screen loader start -->
  93. <div class="screen-loader"></div><!-- screen loader end -->
  94. <!-- preload start -->
  95. <div id="preload">
  96. <!-- preload status start -->
  97. <div id="preload-status"></div><!-- preload status end -->
  98. </div><!-- preload end -->
  99.  
  100. <!-- === Header Section === -->
  101. <div id="container">
  102. <!-- +++ Intro Section ++++ -->
  103. <section class="intro">
  104. <div class="bg-overlay"></div>
  105. <!-- Fullscreen Background Slider Images -->
  106. <div id="maximage">
  107. <img src="img/slide-one.jpg" alt="">
  108. <img src="img/slide-two.jpg" alt="">
  109. </div>
  110.  
  111. <!-- ====+++ Intro Section Content +++==== -->
  112. <div class="center-content">
  113. <div class="intro-content text-center">
  114. <!-- Logo -->
  115. <div class="logo">
  116. <h2 class="text-logo">skaraosky</h2>
  117. </div><!-- /End logo -->
  118. <!-- ==== Main Heading ==== -->
  119. <h1 class="intro-title">Revenim la 1 noiembrie !<span class="obak">!</span></h1>
  120.  
  121. <!--Spin Clock -->
  122. <i class="fa fa-clock-o fa-spin fa-4x fa-clock-spin"></i>
  123.  
  124. <!-- ====+++ Countdown Timer +++==== -->
  125. <div id="clock"></div>
  126.  
  127. <!-- ==== Intro Section Sub-Heading ==== -->
  128.  
  129. <div class="intro-subtitle">
  130. <p>Revenim la 1 noiembie cu un index de Craciun !!!.</p>
  131. </div>
  132.  
  133. </div> <!-- /End Intro Section Content -->
  134. </div>
  135. <!-- ==== Intro Section Bottom Content ==== -->
  136. <div class="container-bottom-content">
  137. <!-- ==== Social Links ==== -->
  138. <div class="social">
  139. <a href="https://www.facebook.com"><i class="fa fa-facebook fa-2x fa-social"></i></a>
  140. </div> <!-- /End Social Links -->
  141.  
  142. <!-- ==== Notify Section ==== -->
  143. <div class="notify-after text-center">
  144. <h2>Anunta-ma</h2>
  145. <p>Trimite mesaj pentru a fii la zi cu noile update-uri</p>
  146. <form id="mc-form" class="form-inline" role="form">
  147. <div class="form-group subscribe-form">
  148. <input id="mc-email" type="email" placeholder="Your email" class="form-control input-label input-notify-after">
  149. <button type="submit" class="btn btn-default btn-notify-after"><i class="fa fa-send-o"></i></button>
  150. </div><!-- End email input -->
  151. <div class="subscribe_lebel">
  152. <label for="mc-email"></label>
  153. </div>
  154. </form>
  155. </div> <!-- /End Notify Section -->
  156.  
  157. <!-- ==== Trigger Button ==== -->
  158. <button class="trigger">
  159. <svg width="100%" height="100%" viewBox="0 0 60 60" preserveAspectRatio="none">
  160. <g class="icon icon-grid">
  161. <rect x="32.5" y="5.5" width="22" height="22"/>
  162. <rect x="4.5" y="5.5" width="22" height="22"/>
  163. <rect x="32.5" y="33.5" width="22" height="22"/>
  164. <rect x="4.5" y="33.5" width="22" height="22"/>
  165. </g>
  166. <g class="icon icon-cross">
  167. <line x1="4.5" y1="55.5" x2="54.953" y2="5.046"/>
  168. <line x1="54.953" y1="55.5" x2="4.5" y2="5.047"/>
  169. </g>
  170. </svg>
  171. <span>View content</span>
  172. </button>
  173. </div> <!-- /End Intro Section Bottom Content -->
  174. </section><!-- /end intro section -->
  175.  
  176. <!-- +++ Trigger After Content +++ -->
  177. <section class="content-wrapper">
  178. <!-- ==== About Section ==== -->
  179. <div class="about content-div">
  180. <div class="container padding-x">
  181. <div class="row text-center">
  182. <!-- About Section Heading -->
  183. <h2 class="title margin-btm-x">Despre</h2>
  184. <!-- About Section Tagline -->
  185. <p class="text-center title-tag">Vom reveni in curand cu un index de Craciun.</p>
  186. <div class="col-sm-offset-1 col-sm-10 col-xs-12">
  187. <p>Vom face tot posibilul sa venim cu un index placut, un index care te va face sa simti ca vin sarbatoriile de iarna, sa simti ca este Craciunul.</p>
  188. </div>
  189. </div>
  190. </div>
  191. </div> <!-- /End About Section -->
  192. <!-- ==== Team Section ==== -->
  193. <div class="team content-div">
  194. <div class="container padding-2x">
  195. <div class="row text-center padding-btm-2x">
  196. <!-- Team Section Heading -->
  197. <h2 class="text-center title margin-btm-x">Echipa : </h2>
  198. <!-- Team Section Tagline -->
  199. <p class="text-center title-tag padding-btm-x">Echipa noastra </p>
  200. <div class="col-md-3 col-sm-6">
  201. <div class="team-member">
  202. <!--Team Member Image -->
  203. <img class="member-img img-responsive" src="img/4.jpg" alt="Member"/>
  204. <h2>skaraosky, CEO</h2> <!--Team Member Name and Position -->
  205. <!--Team Member Social Profile Link -->
  206. <a href="https://www.facebook.com/cipryan.magnatu"><i class="fa fa-facebook fa-mbr fa-2x"></i></a>
  207. </div>
  208. </div>
  209. </div>
  210. </div>
  211. </div> <!-- /End Team Section -->
  212.  
  213. <!-- ==== Contact Section ==== -->
  214. <div class="contact content-div">
  215. <div class="container padding-2x">
  216. <div class="row text-center">
  217. <!-- Contact Section Heading -->
  218. <h2 class="text-center title contact-title margin-btm-x">Contact</h2>
  219. <!-- Contact Section Tagline -->
  220. <p class="text-center title-tag contact-tag">Vrei sa ne contactezi ?</p>
  221. <!-- Contact Form -->
  222. <form id="contact-form" class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2 col-xs-12" action="send.php" method="post" name="send">
  223. <div class="form-group">
  224. <label for="name">Numele</label>
  225. <input id="name" name="name" placeholder="Numele tau" class="form-control requiredField name input-label" data-new-placeholder="Your name" type="text">
  226. <i class="fa fa-user"></i>
  227. </div><!-- End name input -->
  228. <div class="form-group">
  229. <label for="mail">Email</label>
  230. <input id="mail" name="email" placeholder="Email-ul tau" class="form-control requiredField email input-label" data-new-placeholder="Email-ul tau" type="text">
  231. <i class="fa fa-envelope"></i>
  232. </div><!-- End email input -->
  233. <div class="form-group">
  234. <label for="message">Mesaj-ul</label>
  235. <textarea id="message" name="message" placeholder="Your message" class="form-control requiredField input-label" data-new-placeholder="Mesaj-ul" rows="6"></textarea>
  236. <i class="fa fa-comment"></i>
  237. </div><!-- End textarea -->
  238. <p><button name="submit" type="submit" class="btn btn-block btn-contact">Trimite&nbsp;<i class="fa fa-send-o"></i></button></p>
  239. </form> <!-- /End Contact Form -->
  240. </div>
  241. </div>
  242. </div> <!-- /End Contact Section -->
  243.  
  244. <!-- ==== Goole Maps ==== -->
  245. <div class="content-div" id="map-wrapper"></div>
  246. <!-- /end Google Maps -->
  247.  
  248. <!-- ==== Footer Section ==== -->
  249. <footer id="footer" class="content-div">
  250. <div class="container">
  251. <div class="row">
  252. <div class="col-sm-12">
  253. <div class="copyright">
  254. <!-- Copyright Text -->
  255. <p class="text-center">Copyright &copy; 2016. All Rights Reserved skaraosky</p>
  256. </div>
  257. </div>
  258. </div>
  259. </div>
  260. </footer> <!-- /End Footer Section -->
  261. </section> <!-- /End Trigger Content -->
  262. </div>
  263.  
  264. <!-- Style Switcher -->
  265. <div style="display:none" class="hide-color">
  266. <div id="custumize-style">
  267. <a href="#" class="switcher open"> <span class="icon-switcher"><i class="fa fa-sliders fa-2x"></i></span></a>
  268. <div>
  269. <h3 class="color-option-title">Colors</h3>
  270. <ul class="colors-style" id="custom-color">
  271. <li><a href="#" class="default-color"></a></li>
  272. <li><a href="#" class="red"></a></li>
  273. <li><a href="#" class="red-2"></a></li>
  274. <li><a href="#" class="green"></a></li>
  275. <li><a href="#" class="green-2"></a></li>
  276. <li><a href="#" class="blue"></a></li>
  277. <li><a href="#" class="blue-2"></a></li>
  278. <li><a href="#" class="orange"></a></li>
  279. <li><a href="#" class="pink"></a></li>
  280. <li><a href="#" class="purple"></a></li>
  281. <li><a href="#" class="violet"></a></li>
  282. <li><a href="#" class="turquoise"></a></li>
  283. <li><a href="#" class="brick"></a></li>
  284. <li><a href="#" class="dark"></a></li>
  285. </ul>
  286. </div>
  287. </div>
  288. </div> <!-- /End Style Switcher -->
  289.  
  290. <!-- jQuery Library -->
  291. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  292. <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')</script>
  293. <!-- Modernizer -->
  294. <script src="js/modernizr.custom.js"></script>
  295. <!-- Bootstrap JS -->
  296. <script src="js/bootstrap.min.js"></script>
  297. <!-- Background Slideshow -->
  298. <script src="js/jquery.cycle.all.min.js"></script>
  299. <script src="js/jquery.maximage.min.js"></script>
  300. <!-- Classie JS -->
  301. <script src="js/classie.js"></script>
  302. <!-- Countdown JS -->
  303. <script src="js/jquery.downCount.js"></script>
  304. <!-- Mailchimp JS Plugin -->
  305. <script src="js/jquery.ajaxchimp.min.js"></script>
  306. <!-- Contact Form JS -->
  307. <script src="js/form-contact.js"></script>
  308. <!-- Goole map API -->
  309. <script src="http://maps.google.com/maps/api/js?sensor=true"></script>
  310. <!-- Google map js -->
  311. <script src="js/gmaps.js"></script>
  312. <!-- Nice Scroll JS -->
  313. <script src="js/jquery.nicescroll.3.5.4.js"></script>
  314. <!-- Style Switcher JS -->
  315. <script src="switcher/switcher.js"></script>
  316. <!-- Plugin Initialization js -->
  317. <script src="js/plugins.js"></script>
  318. <!-- Custom JS -->
  319. <script src="js/main.js"></script>
  320. <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
  321. <script>
  322. (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
  323. function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
  324. e=o.createElement(i);r=o.getElementsByTagName(i)[0];
  325. e.src='//www.google-analytics.com/analytics.js';
  326. r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
  327. ga('create','UA-XXXXX-X','auto');ga('send','pageview');
  328. </script>
  329. </body>
  330. </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!