API tools faq
paste
Advertisement
Guest User

Untitled

a guest
May 30th, 2017
577
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.08 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <title>DropBy Solution</title>
  9.  
  10. <!-- Bootstrap Core CSS -->
  11. <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  12.  
  13. <!-- Custom Fonts -->
  14. <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  15. <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
  16. <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
  17.  
  18. <!-- Plugin CSS -->
  19. <link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
  20.  
  21. <!-- Theme CSS -->
  22. <link href="css/creative.min.css" rel="stylesheet">
  23.  
  24. </head>
  25.  
  26. <body id="page-top">
  27. <!-- Navigation bar -->
  28. <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
  29. <div class="container-fluid">
  30. <!-- Brand and toggle get grouped for better mobile display -->
  31. <div class="navbar-header">
  32. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  33. <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
  34. </button>
  35. <!-- Company logo and name -->
  36. <a href="#page-top"><img src="img/logo7_new_cleaned.png" class="navbar-brand"></a>
  37. <a class="navbar-brand page-scroll" href="#page-top">DropBy<sup>+</sup></a>
  38. </div>
  39.  
  40. <!-- Collect the nav links, forms, and other content for toggling -->
  41. <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  42. <ul class="nav navbar-nav navbar-right">
  43. <li>
  44. <a class="page-scroll" href="#page-top">Home</a>
  45. </li>
  46. <li>
  47. <a class="page-scroll" href="#about">About</a>
  48. </li>
  49. <li>
  50. <a class="page-scroll" href="#quickstart">Quick Start</a>
  51. </li>
  52. <li>
  53. <a class="page-scroll" href="#form">DropBy a package</a>
  54. </li>
  55. <li>
  56. <a class="page-scroll" href="#contact">Contact Us</a>
  57. </li>
  58. </ul>
  59. </div>
  60. <!-- /.navbar-collapse -->
  61. </div>
  62. <!-- /.container-fluid -->
  63. </nav>
  64.  
  65. <header>
  66. <div class="header-content">
  67. <div class="header-content-inner">
  68. <h1 id="homeHeading">Ship your parcels easy!</h1>
  69. <hr>
  70. <p>Shipping your parcels has never been easier with DropBy Solution! Our innovative answer to the inefficiency of current shipping systems will wow you!</p>
  71. <a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
  72. <a href="#quickstart" class="btn btn-primary btn-xl page-scroll">Sign up now</a>
  73.  
  74. </div>
  75. </div>
  76. </header>
  77.  
  78. <!-- About section -->
  79. <section class="bg-primary" id="about">
  80. <div class="container">
  81. <div class="row">
  82. <div class="col-lg-8 col-lg-offset-2 text-center">
  83. <h2 class="section-heading">We've got everything you possibly want from a delivery service!</h2>
  84. <hr class="light">
  85. <p class="text-faded">(Insert company description and services)</p>
  86. <a href="#quickstart" class="page-scroll btn btn-default btn-xl sr-button">Get Started!</a>
  87. </div>
  88. </div>
  89. </div>
  90. </section>
  91.  
  92. <!-- Quickstart section -->
  93. <!--
  94. <section id="quickstart">
  95. <div class="container">
  96. <div class="row">
  97. <div class="col-lg-12 text-center">
  98. <h2 class="section-heading">Need to ship something?</h2>
  99. <p>See the steps below to help you get started!</p>
  100. <hr class="primary">
  101. </div>
  102. </div>
  103. </div>
  104.  
  105. <div class="container">
  106. <div class="row">
  107. <div class="col-md-9">
  108. <div class="col-md-3 text-center">
  109. <div class="service-box">
  110. <i class="fa fa-4x fa-gift text-primary sr-icons"></i>
  111. <h3>Step 1</h3>
  112. <p class="text-muted">Fill out the form below and create an account!</p>
  113. </div>
  114. </div>
  115.  
  116. <div class="col-md-3 text-center">
  117. <div class="service-box">
  118. <i class="fa fa-4x fa-car text-primary sr-icons"></i>
  119. <h3>Step 2</h3>
  120. <p class="text-muted">Download our app and see your package's travel route</p>
  121. </div>
  122. </div>
  123.  
  124. <div class="col-md-3 text-center"/>
  125. <div class="service-box">
  126. <i class="fa fa-4x fa-star text-primary sr-icons"></i>
  127. <h3>Step 3</h3>
  128. <p class="text-muted">Rate us on Google!</p>
  129. </div>
  130. </div>
  131. </div>
  132.  
  133. <div class="col-md-3" id="form">
  134.  
  135. <div class="container-fluid" style="background-color:#69F0AE;height:auto;display:block" id="signinform">
  136. <h2 style="color:#fff">Log In</h2>
  137. <form>
  138. <div class="form-group">
  139. <label for="user">User:</label>
  140. <div class="input-group">
  141. <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
  142. <input id="login-username" type="text" class="form-control" name="username" value="" placeholder="username or email">
  143. </div>
  144. </div>
  145. <div class="form-group">
  146. <label for="pwd">Password:</label>
  147. <div class="input-group">
  148. <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
  149. <input id="login-password" type="password" class="form-control" name="password" placeholder="password">
  150. </div>
  151. </div>
  152. <div class="checkbox">
  153. <label><input type="checkbox"> Remember me</label>
  154. </div>
  155. <button type="submit" class="btn btn-default" ng-click="myFunction()">Log in</button>
  156. <button type="submit" class="btn btn-primary">Log in with Facebook</button>
  157. <br><br>
  158. <div class="form-group">
  159. <div class="col-md-12 control">
  160. <div style="border-top: 1px solid#888; padding-top:15px; font-size:85%" >
  161. Don't have an account?
  162. <a href="#quickstart" onClick="$('#signinform').hide(); $('#signupform').show();">
  163. Sign Up Here
  164. </a>
  165. </div>
  166. </div>
  167. </div>
  168. </form>
  169. <br><br>
  170. </div>
  171.  
  172. <div class="container-fluid" style="background-color:#40C4FF;height:auto;display:none" id="signupform">
  173. <h2 style="color:#fff">Sign Up</h2>
  174. <form>
  175. <div class="form-group">
  176. <label for="user">User:</label>
  177. <input id="signup-username" type="text" class="form-control" name="username" value="" placeholder="username">
  178. </div>
  179.  
  180. <div class="form-group">
  181. <label for="email">Email:</label>
  182. <input id="signup-email" type="text" class="form-control" name="email" value="" placeholder="email">
  183. </div>
  184.  
  185. <div class="form-group">
  186. <label for="pwd">Password:</label>
  187. <input type="password" class="form-control" id="pwd" placeholder="password">
  188. </div>
  189.  
  190. <div class="form-group">
  191. <label for="pwd">Retype Password:</label>
  192. <input type="password" class="form-control" id="pwd" placeholder="retype password">
  193. </div>
  194. <br>
  195. <button type="submit" class="btn btn-default">Submit</button>
  196. <button type="submit" class="btn btn-primary">Sign up with Facebook</button>
  197. <br><br>
  198. <div class="form-group">
  199. <div class="col-md-12 control">
  200. <div style="border-top: 1px solid#888; padding-top:15px; font-size:85%" >
  201. Have an account already?
  202. <a href="#quickstart" onClick="$('#signinform').show(); $('#signupform').hide()">
  203. Log in Here
  204. </a>
  205. </div>
  206. </div>
  207. </div>
  208. <br><br>
  209. </form>
  210. </div>
  211.  
  212. </div>
  213. </div>
  214. </div>
  215. </section>
  216. -->
  217.  
  218. <section id="quickstart">
  219. <div class="row">
  220. <div class="col-sm-8">
  221. <div class="row">
  222. <h2 class="section-heading text-center">Need to ship something?</h2>
  223. <p class="text-center">Follow these simple steps below to help you get started</p>
  224. <hr>
  225. </div>
  226. <div class="row">
  227.  
  228. <div class="col-md-4 text-center">
  229. <div class="service-box">
  230. <i class="fa fa-4x fa-gift text-primary sr-icons"></i>
  231. <h3>Step 1</h3>
  232. <p class="text-muted">Fill out the form below and create an account!</p>
  233. </div>
  234. </div>
  235.  
  236. <div class="col-md-4 text-center">
  237. <div class="service-box">
  238. <i class="fa fa-4x fa-car text-primary sr-icons"></i>
  239. <h3>Step 2</h3>
  240. <p class="text-muted">Download our app and see your package's travel route</p>
  241. </div>
  242. </div>
  243.  
  244. <div class="col-md-4 text-center">
  245. <div class="service-box">
  246. <i class="fa fa-4x fa-star text-primary sr-icons"></i>
  247. <h3>Step 3</h3>
  248. <p class="text-muted">Rate us on Google!</p>
  249. </div>
  250. </div>
  251.  
  252. </div>
  253.  
  254. </div>
  255.  
  256.  
  257.  
  258. <div class="col-sm-4" style="margin:0px">
  259.  
  260. <!--log in form-->
  261. <!--Log in Form-->
  262. <div class="container-fluid" style="background-color:#69F0AE;height:auto;display:block"
  263. id="signinform">
  264. <h2 style="color:#fff">Log In</h2>
  265. <form>
  266. <div class="form-group">
  267. <label for="user">User:</label>
  268. <div class="input-group">
  269. <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
  270. <input id="login-username" type="text" class="form-control" name="username" value="" placeholder="username or email">
  271. </div>
  272. </div>
  273. <div class="form-group">
  274. <label for="pwd">Password:</label>
  275. <div class="input-group">
  276. <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
  277. <input id="login-password" type="password" class="form-control" name="password" placeholder="password">
  278. </div>
  279. </div>
  280. <div class="checkbox">
  281. <label><input type="checkbox"> Remember me</label>
  282. </div>
  283. <button type="submit" class="btn btn-default" ng-click="myFunction()">Log in</button>
  284. <button type="submit" class="btn btn-primary">Log in with Facebook</button>
  285. <br><br>
  286. <div class="form-group">
  287. <div class="col-md-12 control">
  288. <div style="border-top: 1px solid#888; padding-top:15px; font-size:85%" >
  289. Don't have an account?
  290. <a href="#quickstart" onClick="$('#signinform').hide(); $('#signupform').show();">
  291. Sign Up Here
  292. </a>
  293. </div>
  294. </div>
  295. </div>
  296. </form>
  297. <br><br>
  298. </div>
  299. <!--Log in Form-->
  300. <!--Log in Form-->
  301.  
  302. <!--Sign Up Form-->
  303. <!--Sign Up Form-->
  304. <!--Sign Up Form-->
  305. <div class="container-fluid" style="background-color:#40C4FF;height:auto;display:none;" id="signupform">
  306. <h2 style="color:#fff">Sign Up</h2>
  307. <form>
  308. <div class="form-group">
  309. <label for="user">User:</label>
  310. <input id="signup-username" type="text" class="form-control" name="username" value="" placeholder="username">
  311. </div>
  312.  
  313. <div class="form-group">
  314. <label for="email">Email:</label>
  315. <input id="signup-email" type="text" class="form-control" name="email" value="" placeholder="email">
  316. </div>
  317.  
  318. <div class="form-group">
  319. <label for="pwd">Password:</label>
  320. <input type="password" class="form-control" id="pwd" placeholder="password">
  321. </div>
  322.  
  323. <div class="form-group">
  324. <label for="pwd">Retype Password:</label>
  325. <input type="password" class="form-control" id="pwd" placeholder="retype password">
  326. </div>
  327. <br>
  328. <button type="submit" class="btn btn-default">Submit</button>
  329. <button type="submit" class="btn btn-primary">Sign up with Facebook</button>
  330. <br><br>
  331. <div class="form-group">
  332. <div class="col-md-12 control">
  333. <div style="border-top: 1px solid#888; padding-top:15px; font-size:85%" >
  334. Have an account already?
  335. <a href="#quickstart" onClick="$('#signinform').show(); $('#signupform').hide()">
  336. Log in Here
  337. </a>
  338. </div>
  339. </div>
  340. </div>
  341. <br><br>
  342. </form>
  343. </div>
  344.  
  345. <!--Sign Up Form-->
  346. <!--Sign Up Form-->
  347.  
  348. </div>
  349. </div>
  350. </div>
  351. </section>
  352.  
  353. <!-- Contact form -->
  354. <section class="bg-dark" id="contact">
  355. <div class="container">
  356. <div class="row">
  357. <div class="col-lg-8 col-lg-offset-2 text-center">
  358. <h2 class="section-heading">Get in touch with us!</h2>
  359. <hr class="primary">
  360. <p>Have any questions about our company our services? Give us a call or send us an email and we'll get back to you as soon as possible</p>
  361. </div>
  362. <div class="col-lg-4 col-lg-offset-2 text-center">
  363. <i class="fa fa-phone fa-3x sr-contact"></i>
  364. <p>123-456-7890</p>
  365. </div>
  366.  
  367. <div class="col-lg-4 text-center">
  368. <i class="fa fa-envelope-o fa-3x sr-contact"></i>
  369. <p><a href="mailto:someemail@somedomain.com" style="color: white; text-decoration: none;">DropBySol@eDropBy.com</a></p>
  370. </div>
  371. </div>
  372. </div>
  373. </section>
  374.  
  375. <!-- jQuery -->
  376. <script src="vendor/jquery/jquery.min.js"></script>
  377.  
  378. <!-- Bootstrap Core Javascript -->
  379. <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
  380.  
  381. <!-- Plugin JavaScript -->
  382. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
  383. <script src="vendor/scrollreveal/scrollreveal.min.js"></script>
  384. <script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
  385.  
  386. <!-- Theme JavaScript -->
  387. <script src="js/creative.min.js"></script>
  388. <script>
  389. $(document).ready(function(){
  390. $("#signup").click(function(){
  391. $("#signupform").show();
  392. $("#signinform").hide();
  393. });
  394. $("#signin").click(function(){
  395. $("#signinform").show();
  396. $("#signupform").hide();
  397. });
  398. });
  399. </script>
  400.  
  401. </body>
  402.  
  403. </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!