API tools faq
paste
-Annie-

Golden-Page

-Annie-
Aug 16th, 2016
142
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 11.04 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en-US">
  3.    <head>
  4.       <title>
  5.          Golden
  6.       </title>
  7.       <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.       <link class="links" href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  9.       <link class="links" href='https://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
  10.       <link class="links" rel="stylesheet" href="assets/css/normalize.css">
  11.       <link class="links" rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
  12.       <link class="links" rel="stylesheet" href="assets/css/styles-for-page.css">
  13.    </head>
  14.    <body>
  15.       <header class="page-header">
  16.          <div class="inner-wrapper">
  17.             <a class="logo" href="/home/">
  18.             <img src="assets/images/logo.png" alt="logo" width="79" height="28">
  19.             </a>
  20.              <a class="menu-button" href="javascript:;">&#9776;</a>
  21.  
  22.             <nav>
  23.                <ul>
  24.                   <li><a href="#first-section">home</a></li>
  25.                   <li><a href="#second-section">services</a></li>
  26.                   <li><a href="#third-section">portfolio</a>  </li>
  27.                   <li><a href="#fourth-section">about</a> </li>
  28.                   <li><a href="#seventh-section">contact</a></li>
  29.                </ul>
  30.             </nav>
  31.            </li>
  32.          </ul>
  33.          </div>
  34.       </header>
  35.       <section id="first-section" class="scrollto">
  36.          <div class="inner-wrapper">
  37.             <h1>Welcome To Our Studio!</h1>
  38.             <h2>IT'S NICE TO MEET YOU</h2>
  39.             <a class="button" href="">tell me more</a>
  40.          </div>
  41.       </section>
  42.       <section id="second-section" class="scrollto">
  43.          <div class="inner-wrapper">
  44.             <h3>services</h3>
  45.             <p>grey text</p>
  46.             <div class="block">
  47.                <img src="assets/images/img1.png" alt="img1" width="74" height="73">
  48.                <p class="header">E-Commerce</p>
  49.                <p class="grey-text">grey text <br> grey text <br>grey text</p>
  50.             </div>
  51.             <div class="block">
  52.                <img src="assets/images/img2.png" alt="img2" width="74" height="73">
  53.                <p class="header">Responsive Web</p>
  54.                <p class="grey-text">grey text <br> grey text <br>grey text</p>
  55.             </div>
  56.             <div class="block">
  57.                <img src="assets/images/img3.png" alt="img3" width="74" height="73">
  58.                <p class="header">Web Security</p>
  59.                <p class="grey-text">grey text <br> grey text <br>grey text</p>
  60.             </div>
  61.          </div>
  62.       </section>
  63.       <section id="third-section" class="scrollto">
  64.          <div class="inner-wrapper">
  65.             <h3>our portfolio</h3>
  66.             <p>grey text
  67.             <p>
  68.             <div class="block">
  69.                <a href="/home/">
  70.                <img src="assets/images/pic1.jpg" alt="pic1" width="290" height="301">
  71.                </a>
  72.                <p class="header">Eboy and Ivory</p>
  73.                <p class="grey"> Branding</p>
  74.             </div>
  75.             <div class="block">
  76.                <a href="/home/">
  77.                <img src="assets/images/pic2.jpg" alt="pic2" width="290" height="301">
  78.                </a>
  79.                <p class="header">Smart Stationary</p>
  80.                <p class="grey"> Print Design</p>
  81.             </div>
  82.             <div class="block">
  83.                <a href="/home/">
  84.                <img src="assets/images/pic3.jpg" alt=":)))" width="290" height="301">
  85.                </a>
  86.                <p class="header"> Clever Poster</p>
  87.                <p class="grey"> Print Design</p>
  88.             </div>
  89.             <div class="block">
  90.                <a href="/home/">
  91.                <img src="assets/images/pic4.jpg" alt="pic4" width="290" height="301">
  92.                </a>
  93.                <p class="header">Vinyl Record</p>
  94.                <p class="grey"> Product Mock-Up</p>
  95.             </div>
  96.             <div class="block">
  97.                <a href="/home/">
  98.                <img src="assets/images/pic5.jpg" alt="pic5" width="290" height="301">
  99.                </a>
  100.                <p class="header">Treehouse Template</p>
  101.                <p class="grey"> Web Design</p>
  102.             </div>
  103.             <div class="block">
  104.                <a href="/home/">
  105.                <img src="assets/images/pic6.jpg" alt="pic6" width="290" height="301">
  106.                </a>
  107.                <p class="header">Burned Logo</p>
  108.                <p class="grey"> Branding</p>
  109.             </div>
  110.          </div>
  111.       </section>
  112.       <section id="fourth-section" class="scrollto">
  113.          <div class="inner-wrapper">
  114.             <h4>about us</h4>
  115.             <p class="grey-italic">Proin iacuis purus consequat sem cure.</p>
  116.             <div class="block">
  117.                <div class="image-wrapper">
  118.                   <img src="assets/images/round1.jpg" alt="round1" width="185" height="185">
  119.                </div>
  120.                <div class="block-content">
  121.                   <p class="header">JULY 2010</p>
  122.                   <p class="header">Our Humble Beginnings</p>
  123.                   <p class="grey-roboto">grey text<br/> grey text<br/> grey text<br/> grey text<br/> grey text</p>
  124.                </div>
  125.             </div>
  126.             <div class="block">
  127.                <div class="image-wrapper">
  128.                   <img src="assets/images/round2.jpg" alt="round2" width="185" height="185">
  129.                </div>
  130.                <div class="block-content">
  131.                   <p class="header">JANUARY 2011</p>
  132.                   <p class="header">Facing Startup Battles</p>
  133.                   <p class="grey-roboto">grey text<br/> grey text<br/> grey text<br/> grey text<br/> grey text<br/> grey text<br/> </p>
  134.                </div>
  135.             </div>
  136.             <div class="block">
  137.                <div class="image-wrapper">
  138.                   <img src="assets/images/round3.jpg" alt="round3" width="185" height="185">
  139.                </div>
  140.                <div class="block-content">
  141.                   <p class="header">DECEMBER 2012</p>
  142.                   <p class="header">Enter The Dark Days</p>
  143.                   <p class="grey-roboto">grey text<br/> grey text<br/> grey text<br/> grey text<br/> </p>
  144.                </div>
  145.             </div>
  146.             <div class="block">
  147.                <div class="image-wrapper">
  148.                   <img src="assets/images/round4.jpg" alt="round4" width="185" height="185">
  149.                </div>
  150.                <div class="block-content">
  151.                   <p class="header">FEBRUARY 2014</p>
  152.                   <p class="header">Our Triumph</p>
  153.                   <p class="grey-roboto">grey text<br/> grey text<br/> grey text<br/> grey text<br/> grey text<br/> </p>
  154.                </div>
  155.             </div>
  156.             <a class="button button-round" href="">our<br/> story<br/> continues<br> ...</a>
  157.          </div>
  158.       </section>
  159.       <section id="fifth-section" class="scrollto">
  160.          <div class="inner-wrapper">
  161.             <h3>our amazing team</h3>
  162.             <p class="grey-italic">grey text</p>
  163.             <div class="block">
  164.                <div class="team-images">
  165.                   <img src="assets/images/cat1.jpg" alt=":)))" width="235" height="235">
  166.                </div>
  167.                <div class="team-info">
  168.                   <p class="header">Kimberly Thompson</p>
  169.                   <p>Marketer</p>
  170.                   <div class="social-icons">
  171.                      <a href=""><i class="fa fa-twitter" aria-hidden="true"></i></a>
  172.                      <a href=""><i class="fa fa-facebook" aria-hidden="true"></i></a>
  173.                      <a href=""><i class="fa fa-google" aria-hidden="true"></i></a>
  174.                   </div>
  175.                </div>
  176.             </div>
  177.             <div class="block">
  178.                <div class="team-images">
  179.                   <img src="assets/images/cat2.jpg" alt=":)))" width="235" height="235">
  180.                </div>
  181.                <div class="team-info">
  182.                   <p class="header">Rico Massima</p>
  183.                   <p>Coder</p>
  184.                   <div class="social-icons">
  185.                      <a href=""><i class="fa fa-twitter" aria-hidden="true"></i></a>
  186.                      <a href=""><i class="fa fa-facebook" aria-hidden="true"></i></a>
  187.                      <a href=""><i class="fa fa-google" aria-hidden="true"></i></a>
  188.                      <p class="final-grey-text">grey text<br> grey text</p>
  189.                   </div>
  190.                </div>
  191.             </div>
  192.             <div class="block">
  193.                <div class="team-images">
  194.                   <img src="assets/images/cat3.jpg" alt=":)))" width="235" height="235">
  195.                </div>
  196.                <div class="team-info">
  197.                   <p class="header">Uku Mason</p>
  198.                   <p>Graphic Designer</p>
  199.                   <div class="social-icons">
  200.                      <a href=""><i class="fa fa-twitter" aria-hidden="true"></i></a>
  201.                      <a href=""><i class="fa fa-facebook" aria-hidden="true"></i></a>
  202.                      <a href=""><i class="fa fa-google" aria-hidden="true"></i></a>
  203.                   </div>
  204.                </div>
  205.             </div>
  206.          </div>
  207.       </section>
  208.       <div class="sponsors">
  209.          <img src="assets/images/logo1.png" alt="logo1" width="170" height="42">
  210.          <img src="assets/images/logo2.png" alt="logo2" width="170" height="42">
  211.          <img src="assets/images/logo3.png" alt="logo3" width="170" height="42">
  212.          <img src="assets/images/logo4.png" alt="logo4" width="170" height="42">
  213.       </div>
  214.       <section id="seventh-section" class="scrollto">
  215.          <div class="inner-wrapper">
  216.             <h3>CONTACT US</h3>
  217.             <p>grey text</p>
  218.             <form>
  219.                <div class="mail-form">
  220.                   <div class="name-email-subject">
  221.                      <input type="text" placeholder="your name*">
  222.                      <input type="email" placeholder="your e-mail*">
  223.                      <input type="text" placeholder="subject">
  224.                   </div>
  225.                   <div class="mail-message">
  226.                      <textarea placeholder="your message*"></textarea>
  227.                   </div>
  228.                </div>
  229.                <input class="button" type="submit" value="send message">
  230.             </form>
  231.          </div>
  232.       </section>
  233.       <footer id="footer">
  234.          <div class="inner-wrapper">
  235.             <p>Copyright 2014 FreebiesXpress.com</p>
  236.             <div>
  237.                <a href=""><i class="fa fa-twitter" aria-hidden="true"></i></a>
  238.                <a href=""><i class="fa fa-facebook" aria-hidden="true"></i></a>
  239.                <a href=""><i class="fa fa-google" aria-hidden="true"></i></a>
  240.             </div>
  241.          </div>
  242.       </footer>
  243.       <script   src=" https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
  244.       <script src="assets/js/jquery.stickyNavbar.js"></script>
  245.       <script src="assets/js/custom.js"></script>
  246.    </body>
  247. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!