API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 3rd, 2017
588
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.96 KB | None | 0 0
raw download clone embed print report
  1. <?php
  2. require_once 'users/init.php';
  3. require_once $abs_us_root.$us_url_root.'usersc/includes/myheader.php';
  4.  
  5. ?>
  6. <!--==========================
  7. Hero Section
  8. ============================-->
  9. <section id="hero">
  10. <div class="hero-container">
  11. <div class="wow fadeIn">
  12. <div class="hero-logo">
  13. <img class="" src="img/logo.png" alt="Imperial">
  14. </div>
  15.  
  16. <h1>Welcome to Imperial studios</h1>
  17. <h2>We create <span class="rotating">beautiful graphics, functional websites, working mobile apps</span></h2>
  18. <div class="actions">
  19. <a href="#about" class="btn-get-started">Get Strated</a>
  20. <a href="#services" class="btn-services">Our Services</a>
  21. </div>
  22. </div>
  23. </div>
  24. </section>
  25.  
  26. <!--==========================
  27. Header Section
  28. ============================-->
  29. <header id="header">
  30. <div class="container">
  31.  
  32. <div id="logo" class="pull-left">
  33. <a href="#hero"><img src="img/logo.png" alt="" title="" /></img></a>
  34. <!-- Uncomment below if you prefer to use a text image -->
  35. <!--<h1><a href="#hero">Header 1</a></h1>-->
  36. </div>
  37. <?php require_once $abs_us_root.$us_url_root.'usersc/includes/mynavigation.php';
  38. ?>
  39.  
  40. </div>
  41. </header><!-- #header -->
  42.  
  43. <!--==========================
  44. About Section
  45. ============================-->
  46. <section id="about">
  47. <div class="container wow fadeInUp">
  48. <div class="row">
  49. <div class="col-md-12">
  50. <h3 class="section-title">About Us</h3>
  51. <div class="section-title-divider"></div>
  52. <p class="section-description">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam</p>
  53. </div>
  54. </div>
  55. </div>
  56. <div class="container about-container wow fadeInUp">
  57. <div class="row">
  58. <div class="col-md-6 col-md-push-6 about-content">
  59. <h2 class="about-title">We provide great services and ideass</h2>
  60. <p class="about-text">
  61. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
  62. </p>
  63. <p class="about-text">
  64. Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
  65. </p>
  66. <p class="about-text">
  67. Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
  68. </p>
  69. </div>
  70. </div>
  71. </div>
  72. </section>
  73.  
  74. <!--==========================
  75. Services Section
  76. ============================-->
  77. <section id="services">
  78. <div class="container wow fadeInUp">
  79. <div class="row">
  80. <div class="col-md-12">
  81. <h3 class="section-title">Our Services</h3>
  82. <div class="section-title-divider"></div>
  83. <p class="section-description">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium</p>
  84. </div>
  85. </div>
  86.  
  87. <div class="row">
  88. <div class="col-md-4 service-item">
  89. <div class="service-icon"><i class="fa fa-desktop"></i></div>
  90. <h4 class="service-title"><a href="">Lorem Ipsum</a></h4>
  91. <p class="service-description">Voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident</p>
  92. </div>
  93. <div class="col-md-4 service-item">
  94. <div class="service-icon"><i class="fa fa-bar-chart"></i></div>
  95. <h4 class="service-title"><a href="">Dolor Sitema</a></h4>
  96. <p class="service-description">Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat tarad limino ata</p>
  97. </div>
  98. <div class="col-md-4 service-item">
  99. <div class="service-icon"><i class="fa fa-paper-plane"></i></div>
  100. <h4 class="service-title"><a href="">Sed ut perspiciatis</a></h4>
  101. <p class="service-description">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
  102. </div>
  103. <div class="col-md-4 service-item">
  104. <div class="service-icon"><i class="fa fa-photo"></i></div>
  105. <h4 class="service-title"><a href="">Magni Dolores</a></h4>
  106. <p class="service-description">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
  107. </div>
  108. <div class="col-md-4 service-item">
  109. <div class="service-icon"><i class="fa fa-road"></i></div>
  110. <h4 class="service-title"><a href="">Nemo Enim</a></h4>
  111. <p class="service-description">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque</p>
  112. </div>
  113. <div class="col-md-4 service-item">
  114. <div class="service-icon"><i class="fa fa-shopping-bag"></i></div>
  115. <h4 class="service-title"><a href="">Eiusmod Tempor</a></h4>
  116. <p class="service-description">Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi</p>
  117. </div>
  118. </div>
  119. </div>
  120. </section>
  121.  
  122. <!--==========================
  123. Subscrbe Section
  124. ============================-->
  125. <section id="subscribe">
  126. <div class="container wow fadeInUp">
  127. <div class="row">
  128. <div class="col-md-8">
  129. <h3 class="subscribe-title">Subscribe For Updates</h3>
  130. <p class="subscribe-text">Join our 1000+ subscribers and get access to the latest tools, freebies, product announcements and much more!</p>
  131. </div>
  132. <div class="col-md-4 subscribe-btn-container">
  133. <a class="subscribe-btn" href="#">Subscribe Now</a>
  134. </div>
  135. </div>
  136. </div>
  137. </section>
  138.  
  139. <!--==========================
  140. Porfolio Section
  141. ============================-->
  142. <section id="portfolio">
  143. <div class="container wow fadeInUp">
  144. <div class="row">
  145. <div class="col-md-12">
  146. <h3 class="section-title">Portfolio</h3>
  147. <div class="section-title-divider"></div>
  148. <p class="section-description">Si stante, hoc natura videlicet vult, salvam esse se, quod concedimus ses haec dicturum fuisse</p>
  149. </div>
  150. </div>
  151.  
  152. <div class="row">
  153. <div class="col-md-3">
  154. <a class="portfolio-item" style="background-image: url(img/portfolio-1.jpg);" href="">
  155. <div class="details">
  156. <h4>Portfolio 1</h4>
  157. <span>Alored dono par</span>
  158. </div>
  159. </a>
  160. </div>
  161.  
  162. <div class="col-md-3">
  163. <a class="portfolio-item" style="background-image: url(img/portfolio-2.jpg);" href="">
  164. <div class="details">
  165. <h4>Portfolio 2</h4>
  166. <span>Alored dono par</span>
  167. </div>
  168. </a>
  169. </div>
  170.  
  171. <div class="col-md-3">
  172. <a class="portfolio-item" style="background-image: url(img/portfolio-3.jpg);" href="">
  173. <div class="details">
  174. <h4>Portfolio 3</h4>
  175. <span>Alored dono par</span>
  176. </div>
  177. </a>
  178. </div>
  179.  
  180. <div class="col-md-3">
  181. <a class="portfolio-item" style="background-image: url(img/portfolio-4.jpg);" href="">
  182. <div class="details">
  183. <h4>Portfolio 4</h4>
  184. <span>Alored dono par</span>
  185. </div>
  186. </a>
  187. </div>
  188.  
  189. <div class="col-md-3">
  190. <a class="portfolio-item" style="background-image: url(img/portfolio-5.jpg);" href="">
  191. <div class="details">
  192. <h4>Portfolio 5</h4>
  193. <span>Alored dono par</span>
  194. </div>
  195. </a>
  196. </div>
  197.  
  198. <div class="col-md-3">
  199. <a class="portfolio-item" style="background-image: url(img/portfolio-6.jpg);" href="">
  200. <div class="details">
  201. <h4>Portfolio 6</h4>
  202. <span>Alored dono par</span>
  203. </div>
  204. </a>
  205. </div>
  206.  
  207. <div class="col-md-3">
  208. <a class="portfolio-item" style="background-image: url(img/portfolio-7.jpg);" href="">
  209. <div class="details">
  210. <h4>Portfolio 7</h4>
  211. <span>Alored dono par</span>
  212. </div>
  213. </a>
  214. </div>
  215.  
  216. <div class="col-md-3">
  217. <a class="portfolio-item" style="background-image: url(img/portfolio-8.jpg);" href="">
  218. <div class="details">
  219. <h4>Portfolio 8</h4>
  220. <span>Alored dono par</span>
  221. </div>
  222. </a>
  223. </div>
  224.  
  225. </div>
  226. </div>
  227. </section>
  228.  
  229. <!--==========================
  230. Testimonials Section
  231. ============================-->
  232. <section id="testimonials">
  233. <div class="container wow fadeInUp">
  234. <div class="row">
  235. <div class="col-md-12">
  236. <h3 class="section-title">Testimonials</h3>
  237. <div class="section-title-divider"></div>
  238. <p class="section-description">Erdo lide, nora porodo filece, salvam esse se, quod concedimus ses haec dicturum fuisse</p>
  239. </div>
  240. </div>
  241.  
  242. <div class="row">
  243. <div class="col-md-3">
  244. <div class="profile">
  245. <div class="pic"><img src="img/client-1.jpg" alt=""></div>
  246. <h4>Saul Goodman</h4>
  247. <span>Lawless Inc</span>
  248. </div>
  249. </div>
  250. <div class="col-md-9">
  251. <div class="quote">
  252. <b><img src="img/quote_sign_left.png" alt=""></b> Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper. <small><img src="img/quote_sign_right.png" alt=""></small>
  253. </div>
  254. </div>
  255. </div>
  256.  
  257. <div class="row">
  258. <div class="col-md-9">
  259. <div class="quote">
  260. <b><img src="img/quote_sign_left.png" alt=""></b> Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis architecto beatae. <small><img src="img/quote_sign_right.png" alt=""></small>
  261. </div>
  262. </div>
  263. <div class="col-md-3">
  264. <div class="profile">
  265. <div class="pic"><img src="img/client-2.jpg" alt=""></div>
  266. <h4>Sara Wilsson</h4>
  267. <span>Odeo Inc</span>
  268. </div>
  269. </div>
  270. </div>
  271.  
  272. </div>
  273. </section>
  274.  
  275. <!--==========================
  276. Team Section
  277. ============================-->
  278. <section id="team">
  279. <div class="container wow fadeInUp">
  280. <div class="row">
  281. <div class="col-md-12">
  282. <h3 class="section-title">Our Team</h3>
  283. <div class="section-title-divider"></div>
  284. <p class="section-description">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque</p>
  285. </div>
  286. </div>
  287.  
  288. <div class="row">
  289. <div class="col-md-3">
  290. <div class="member">
  291. <div class="pic"><img src="img/team-1.jpg" alt=""></div>
  292. <h4>Walter White</h4>
  293. <span>Chief Executive Officer</span>
  294. <div class="social">
  295. <a href=""><i class="fa fa-twitter"></i></a>
  296. <a href=""><i class="fa fa-facebook"></i></a>
  297. <a href=""><i class="fa fa-google-plus"></i></a>
  298. <a href=""><i class="fa fa-linkedin"></i></a>
  299. </div>
  300. </div>
  301. </div>
  302.  
  303. <div class="col-md-3">
  304. <div class="member">
  305. <div class="pic"><img src="img/team-2.jpg" alt=""></div>
  306. <h4>Sarah Jhinson</h4>
  307. <span>Product Manager</span>
  308. <div class="social">
  309. <a href=""><i class="fa fa-twitter"></i></a>
  310. <a href=""><i class="fa fa-facebook"></i></a>
  311. <a href=""><i class="fa fa-google-plus"></i></a>
  312. <a href=""><i class="fa fa-linkedin"></i></a>
  313. </div>
  314. </div>
  315. </div>
  316.  
  317. <div class="col-md-3">
  318. <div class="member">
  319. <div class="pic"><img src="img/team-3.jpg" alt=""></div>
  320. <h4>William Anderson</h4>
  321. <span>CTO</span>
  322. <div class="social">
  323. <a href=""><i class="fa fa-twitter"></i></a>
  324. <a href=""><i class="fa fa-facebook"></i></a>
  325. <a href=""><i class="fa fa-google-plus"></i></a>
  326. <a href=""><i class="fa fa-linkedin"></i></a>
  327. </div>
  328. </div>
  329. </div>
  330.  
  331. <div class="col-md-3">
  332. <div class="member">
  333. <div class="pic"><img src="img/team-4.jpg" alt=""></div>
  334. <h4>Amanda Jepson</h4>
  335. <span>Accountant</span>
  336. <div class="social">
  337. <a href=""><i class="fa fa-twitter"></i></a>
  338. <a href=""><i class="fa fa-facebook"></i></a>
  339. <a href=""><i class="fa fa-google-plus"></i></a>
  340. <a href=""><i class="fa fa-linkedin"></i></a>
  341. </div>
  342. </div>
  343. </div>
  344.  
  345. </div>
  346. </div>
  347. </section>
  348.  
  349. <!--==========================
  350. Contact Section
  351. ============================-->
  352. <section id="contact">
  353. <div class="container wow fadeInUp">
  354. <div class="row">
  355. <div class="col-md-12">
  356. <h3 class="section-title">Contact Us</h3>
  357. <div class="section-title-divider"></div>
  358. <p class="section-description">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque</p>
  359. </div>
  360. </div>
  361.  
  362. <div class="row">
  363. <div class="col-md-3 col-md-push-2">
  364. <div class="info">
  365. <div>
  366. <i class="fa fa-map-marker"></i>
  367. <p>A108 Adam Street<br>New York, NY 535022</p>
  368. </div>
  369.  
  370. <div>
  371. <i class="fa fa-envelope"></i>
  372. <p>info@example.com</p>
  373. </div>
  374.  
  375. <div>
  376. <i class="fa fa-phone"></i>
  377. <p>+1 5589 55488 55s</p>
  378. </div>
  379.  
  380. </div>
  381. </div>
  382.  
  383. <div class="col-md-5 col-md-push-2">
  384. <div class="form">
  385. <div id="sendmessage">Your message has been sent. Thank you!</div>
  386. <div id="errormessage"></div>
  387. <form action="" method="post" role="form" class="contactForm">
  388. <div class="form-group">
  389. <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
  390. <div class="validation"></div>
  391. </div>
  392. <div class="form-group">
  393. <input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" />
  394. <div class="validation"></div>
  395. </div>
  396. <div class="form-group">
  397. <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
  398. <div class="validation"></div>
  399. </div>
  400. <div class="form-group">
  401. <textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
  402. <div class="validation"></div>
  403. </div>
  404. <div class="text-center"><button type="submit">Send Message</button></div>
  405. </form>
  406. </div>
  407. </div>
  408.  
  409. </div>
  410. </div>
  411. </section>
  412.  
  413. <!--==========================
  414. Footer
  415. ============================-->
  416. <footer id="footer">
  417. <div class="container">
  418. <div class="row">
  419. <div class="col-md-12">
  420. <div class="copyright">
  421. &copy; Copyright <strong>Imperial Theme</strong>. All Rights Reserved
  422. </div>
  423. <div class="credits">
  424. <!--
  425. All the links in the footer should remain intact.
  426. You can delete the links only if you purchased the pro version.
  427. Licensing information: https://bootstrapmade.com/license/
  428. Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=Imperial
  429. -->
  430. Bootstrap Themes by <a href="https://bootstrapmade.com/">BootstrapMade</a>
  431. </div>
  432. </div>
  433. </div>
  434. </div>
  435. </footer><!-- #footer -->
  436.  
  437. <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
  438.  
  439. <!-- Required JavaScript Libraries -->
  440. <script src="lib/jquery/jquery.min.js"></script>
  441. <script src="lib/jquery/jquery-migrate.min.js"></script>
  442. <script src="lib/bootstrap/js/bootstrap.min.js"></script>
  443. <script src="lib/superfish/hoverIntent.js"></script>
  444. <script src="lib/superfish/superfish.min.js"></script>
  445. <script src="lib/morphext/morphext.min.js"></script>
  446. <script src="lib/wow/wow.min.js"></script>
  447. <script src="lib/stickyjs/sticky.js"></script>
  448. <script src="lib/easing/easing.js"></script>
  449.  
  450. <!-- Template Specisifc Custom Javascript File -->
  451. <script src="js/custom.js"></script>
  452.  
  453. <script src="contactform/contactform.js"></script>
  454.  
  455.  
  456. </body>
  457. </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!