API tools faq
paste
Advertisement
Guest User

HTML code

a guest
Jun 24th, 2015
331
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 18.17 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.  
  6.     <meta charset="utf-8">
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8.     <meta name="viewport" content="width=device-width, initial-scale=1">
  9.     <meta name="description" content="">
  10.     <meta name="author" content="">
  11.  
  12.     <title>Found Then Chosen - Digital Marketing</title>
  13.  
  14.     <!-- Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
  15.     <link href="css/bootstrap.min.css" rel="stylesheet">
  16.  
  17.     <!-- Custom CSS -->
  18.     <link href="css/freelancer.css" rel="stylesheet">
  19.  
  20.     <!-- Custom Fonts -->
  21.     <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  22.     <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
  23.     <link href="http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
  24.  
  25.     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  26.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  27.     <!--[if lt IE 9]>
  28.        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  29.        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  30.    <![endif]-->
  31.  
  32. </head>
  33.  
  34. <body id="page-top" class="index">
  35.  
  36.     <!-- Navigation -->
  37.     <nav class="navbar navbar-default">
  38.         <div class="container">
  39.            <a class="navbar-brand" href="#page-top">Found Then Chosen</a>
  40.         </div>
  41.         <!-- /.container-fluid -->
  42.     </nav>
  43.  
  44.      <!-- CallToAction Section -->
  45.     <section id="callToAction">
  46.         <div class="container">
  47.             <div class="col-sm-6">
  48.                 <div class="row">
  49.                     <p>Freelancer is a free bootstrap theme created by Start Bootstrap. The download includes the complete source files including HTML, CSS, and JavaScript as well as optional LESS stylesheets for easy customization.</p>
  50.                 </div>
  51.                 <div class="row">
  52.                     <div class="embed-responsive embed-responsive-4by3">
  53.                         <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/iX-QaNzd-0Y" frameborder="0" allowfullscreen></iframe>
  54.                     </div>
  55.                 </div>             
  56.             </div>
  57.             <div class="col-sm-6">
  58.                 <center><h1>Sign-up to learn more</h1></center
  59.                 <form name="sentMessage" id="contactForm" novalidate>
  60.                     <div class="row control-group">
  61.                         <div class="form-group col-xs-12 floating-label-form-group controls">
  62.                             <label>Name</label>
  63.                             <input type="text" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
  64.                             <p class="help-block text-danger"></p>
  65.                         </div>
  66.                     </div>
  67.                     <div class="row control-group">
  68.                         <div class="form-group col-xs-12 floating-label-form-group controls">
  69.                             <label>Email Address</label>
  70.                             <input type="email" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address.">
  71.                             <p class="help-block text-danger"></p>
  72.                         </div>
  73.                     </div>
  74.                     <br>
  75.                     <div id="success"></div>
  76.                     <div class="row">
  77.                         <div class="form-group col-xs-12">
  78.                             <button type="submit" class="btn btn-success btn-lg">Confirm</button>
  79.                         </div>
  80.                     </div>
  81.                 </form>
  82.             </div>     
  83.         </div><!-- end container -->
  84.  
  85.     </section>
  86.  
  87.     <!-- Benefits section -->
  88.     <section class="success">
  89.         <div class="row" id="features">
  90.             <div class="col-sm-4 feature">
  91.                 <h3>Framework by Bootstrap 3</h3>
  92.                 <p>90's authentic single-origin coffee stumptown Pinterest. Fap aesthetic dreamcatcher pickled Brooklyn irony.</p>
  93.             </div><!-- end feature -->
  94.            
  95.             <div class="col-sm-4 feature">
  96.                     <h3>Style with CSS3</h3>
  97.  
  98.                     <p>90's authentic single-origin coffee stumptown Pinterest. Fap aesthetic dreamcatcher pickled Brooklyn irony.</p>
  99.  
  100.             </div><!-- end feature -->
  101.            
  102.             <div class="col-sm-4 feature">
  103.  
  104.                 <h3>Framework by Bootstrap 3</h3>
  105.            
  106.                 <p>90's authentic single-origin coffee stumptown Pinterest. Fap aesthetic dreamcatcher pickled Brooklyn irony.</p>
  107.  
  108.             </div><!-- end feature -->
  109.         </div><!-- end features -->
  110.     </section>
  111.  
  112.     <!-- Bottom and Footer -->
  113.     <footer class="text-center">
  114.         <div class="footer-above">
  115.             <div class="container">
  116.                 <div class="row">
  117.                     <p>3481 Melros Place<br>Beverly Hills, CA 90210</p>
  118.                 </div>
  119.             </div>
  120.         </div>
  121.         <div class="footer-below">
  122.             <div class="container">
  123.                 <div class="row">
  124.                     <div class="col-lg-12">
  125.                         Copyright &copy; foundthenchosen.uk
  126.                     </div>
  127.                 </div>
  128.             </div>
  129.         </div>
  130.     </footer>
  131.  
  132.     <!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
  133.     <div class="scroll-top page-scroll visible-xs visible-sm">
  134.         <a class="btn btn-primary" href="#page-top">
  135.             <i class="fa fa-chevron-up"></i>
  136.         </a>
  137.     </div>
  138.  
  139.     <!-- Portfolio Modals -->
  140.     <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
  141.         <div class="modal-content">
  142.             <div class="close-modal" data-dismiss="modal">
  143.                 <div class="lr">
  144.                     <div class="rl">
  145.                     </div>
  146.                 </div>
  147.             </div>
  148.             <div class="container">
  149.                 <div class="row">
  150.                     <div class="col-lg-8 col-lg-offset-2">
  151.                         <div class="modal-body">
  152.                             <h2>Project Title</h2>
  153.                             <hr class="star-primary">
  154.                             <img src="img/portfolio/cabin.png" class="img-responsive img-centered" alt="">
  155.                             <p>Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>
  156.                             <ul class="list-inline item-details">
  157.                                 <li>Client:
  158.                                     <strong><a href="http://startbootstrap.com">Start Bootstrap</a>
  159.                                     </strong>
  160.                                 </li>
  161.                                 <li>Date:
  162.                                     <strong><a href="http://startbootstrap.com">April 2014</a>
  163.                                     </strong>
  164.                                 </li>
  165.                                 <li>Service:
  166.                                     <strong><a href="http://startbootstrap.com">Web Development</a>
  167.                                     </strong>
  168.                                 </li>
  169.                             </ul>
  170.                             <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
  171.                         </div>
  172.                     </div>
  173.                 </div>
  174.             </div>
  175.         </div>
  176.     </div>
  177.     <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
  178.         <div class="modal-content">
  179.             <div class="close-modal" data-dismiss="modal">
  180.                 <div class="lr">
  181.                     <div class="rl">
  182.                     </div>
  183.                 </div>
  184.             </div>
  185.             <div class="container">
  186.                 <div class="row">
  187.                     <div class="col-lg-8 col-lg-offset-2">
  188.                         <div class="modal-body">
  189.                             <h2>Project Title</h2>
  190.                             <hr class="star-primary">
  191.                             <img src="img/portfolio/cake.png" class="img-responsive img-centered" alt="">
  192.                             <p>Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>
  193.                             <ul class="list-inline item-details">
  194.                                 <li>Client:
  195.                                     <strong><a href="http://startbootstrap.com">Start Bootstrap</a>
  196.                                     </strong>
  197.                                 </li>
  198.                                 <li>Date:
  199.                                     <strong><a href="http://startbootstrap.com">April 2014</a>
  200.                                     </strong>
  201.                                 </li>
  202.                                 <li>Service:
  203.                                     <strong><a href="http://startbootstrap.com">Web Development</a>
  204.                                     </strong>
  205.                                 </li>
  206.                             </ul>
  207.                             <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
  208.                         </div>
  209.                     </div>
  210.                 </div>
  211.             </div>
  212.         </div>
  213.     </div>
  214.     <div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
  215.         <div class="modal-content">
  216.             <div class="close-modal" data-dismiss="modal">
  217.                 <div class="lr">
  218.                     <div class="rl">
  219.                     </div>
  220.                 </div>
  221.             </div>
  222.             <div class="container">
  223.                 <div class="row">
  224.                     <div class="col-lg-8 col-lg-offset-2">
  225.                         <div class="modal-body">
  226.                             <h2>Project Title</h2>
  227.                             <hr class="star-primary">
  228.                             <img src="img/portfolio/circus.png" class="img-responsive img-centered" alt="">
  229.                             <p>Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>
  230.                             <ul class="list-inline item-details">
  231.                                 <li>Client:
  232.                                     <strong><a href="http://startbootstrap.com">Start Bootstrap</a>
  233.                                     </strong>
  234.                                 </li>
  235.                                 <li>Date:
  236.                                     <strong><a href="http://startbootstrap.com">April 2014</a>
  237.                                     </strong>
  238.                                 </li>
  239.                                 <li>Service:
  240.                                     <strong><a href="http://startbootstrap.com">Web Development</a>
  241.                                     </strong>
  242.                                 </li>
  243.                             </ul>
  244.                             <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
  245.                         </div>
  246.                     </div>
  247.                 </div>
  248.             </div>
  249.         </div>
  250.     </div>
  251.     <div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
  252.         <div class="modal-content">
  253.             <div class="close-modal" data-dismiss="modal">
  254.                 <div class="lr">
  255.                     <div class="rl">
  256.                     </div>
  257.                 </div>
  258.             </div>
  259.             <div class="container">
  260.                 <div class="row">
  261.                     <div class="col-lg-8 col-lg-offset-2">
  262.                         <div class="modal-body">
  263.                             <h2>Project Title</h2>
  264.                             <hr class="star-primary">
  265.                             <img src="img/portfolio/game.png" class="img-responsive img-centered" alt="">
  266.                             <p>Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>
  267.                             <ul class="list-inline item-details">
  268.                                 <li>Client:
  269.                                     <strong><a href="http://startbootstrap.com">Start Bootstrap</a>
  270.                                     </strong>
  271.                                 </li>
  272.                                 <li>Date:
  273.                                     <strong><a href="http://startbootstrap.com">April 2014</a>
  274.                                     </strong>
  275.                                 </li>
  276.                                 <li>Service:
  277.                                     <strong><a href="http://startbootstrap.com">Web Development</a>
  278.                                     </strong>
  279.                                 </li>
  280.                             </ul>
  281.                             <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
  282.                         </div>
  283.                     </div>
  284.                 </div>
  285.             </div>
  286.         </div>
  287.     </div>
  288.     <div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
  289.         <div class="modal-content">
  290.             <div class="close-modal" data-dismiss="modal">
  291.                 <div class="lr">
  292.                     <div class="rl">
  293.                     </div>
  294.                 </div>
  295.             </div>
  296.             <div class="container">
  297.                 <div class="row">
  298.                     <div class="col-lg-8 col-lg-offset-2">
  299.                         <div class="modal-body">
  300.                             <h2>Project Title</h2>
  301.                             <hr class="star-primary">
  302.                             <img src="img/portfolio/safe.png" class="img-responsive img-centered" alt="">
  303.                             <p>Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>
  304.                             <ul class="list-inline item-details">
  305.                                 <li>Client:
  306.                                     <strong><a href="http://startbootstrap.com">Start Bootstrap</a>
  307.                                     </strong>
  308.                                 </li>
  309.                                 <li>Date:
  310.                                     <strong><a href="http://startbootstrap.com">April 2014</a>
  311.                                     </strong>
  312.                                 </li>
  313.                                 <li>Service:
  314.                                     <strong><a href="http://startbootstrap.com">Web Development</a>
  315.                                     </strong>
  316.                                 </li>
  317.                             </ul>
  318.                             <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
  319.                         </div>
  320.                     </div>
  321.                 </div>
  322.             </div>
  323.         </div>
  324.     </div>
  325.     <div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
  326.         <div class="modal-content">
  327.             <div class="close-modal" data-dismiss="modal">
  328.                 <div class="lr">
  329.                     <div class="rl">
  330.                     </div>
  331.                 </div>
  332.             </div>
  333.             <div class="container">
  334.                 <div class="row">
  335.                     <div class="col-lg-8 col-lg-offset-2">
  336.                         <div class="modal-body">
  337.                             <h2>Project Title</h2>
  338.                             <hr class="star-primary">
  339.                             <img src="img/portfolio/submarine.png" class="img-responsive img-centered" alt="">
  340.                             <p>Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>
  341.                             <ul class="list-inline item-details">
  342.                                 <li>Client:
  343.                                     <strong><a href="http://startbootstrap.com">Start Bootstrap</a>
  344.                                     </strong>
  345.                                 </li>
  346.                                 <li>Date:
  347.                                     <strong><a href="http://startbootstrap.com">April 2014</a>
  348.                                     </strong>
  349.                                 </li>
  350.                                 <li>Service:
  351.                                     <strong><a href="http://startbootstrap.com">Web Development</a>
  352.                                     </strong>
  353.                                 </li>
  354.                             </ul>
  355.                             <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
  356.                         </div>
  357.                     </div>
  358.                 </div>
  359.             </div>
  360.         </div>
  361.     </div>
  362.  
  363.     <!-- jQuery -->
  364.     <script src="js/jquery.js"></script>
  365.  
  366.     <!-- Bootstrap Core JavaScript -->
  367.     <script src="js/bootstrap.min.js"></script>
  368.  
  369.     <!-- Plugin JavaScript -->
  370.     <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
  371.     <script src="js/classie.js"></script>
  372.     <script src="js/cbpAnimatedHeader.js"></script>
  373.  
  374.     <!-- Contact Form JavaScript -->
  375.     <script src="js/jqBootstrapValidation.js"></script>
  376.     <script src="js/contact_me.js"></script>
  377.  
  378.     <!-- Custom Theme JavaScript -->
  379.     <script src="js/freelancer.js"></script>
  380.  
  381. </body>
  382.  
  383. </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!