wk3_axit.html

<!doctype html>
<html class="no-js" lang="en">

<head>
  <meta charset="utf-8">
  <title>AXIT - Landing Page</title>
  <meta name="description" content="Mobile-first landing page">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="manifest" href="site.webmanifest">
  <link rel="apple-touch-icon" href="icon.png">
  <!-- Place favicon.ico in the root directory -->

  <link rel="stylesheet" href="css/normalize.css">
  <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Raleway:300,400&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="css/axit.css">

  <meta name="theme-color" content="#fafafa">
</head>

<body>
  <!--[if IE]>
    <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
  <![endif]-->

  <!-- Add your site or application content here -->
  <header class="bg">
    <nav class="centered">
      <img src="img/axit_logo.png" alt="AXIT logo">
      <ul class="mobile">
        <li><h2>Menu</h2></li>
        <li><i class="fa fa-chevron-down" aria-hidden="true"></i></li>
      </ul>
      <ul class="desktop">
        <li>Features</li>
        <li>About</li>
        <li>Pricing</li>
        <li>Reviews</li>
        <li>Contact</li>
      </ul>
    </nav>
  </header>

  <main class="bg">
    <div class="centered">
      <div id="main-text">
        <img src="img/axit_logo.png" alt="AXIT logo">
          <h1 class="raleway">MODERN AXURE TEMPLATE FOR BEAUTIFUL PROTOTYPES</h1>
          <hr>
          <p class="raleway">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean
            euismod bibendum laoreet. Proin gravida dolor sit amet lacus
            accumsan et viverra justo commodo.</p>
        <p id="download">Download</p>
      </div>
      <div id="form-container">
        <form>
          <h3>Try Your <span id="free">FREE</span> Trial Today</h3>
          <input type="text" placeholder="Name">
          <input type="text" placeholder="Email">
          <input type="text" placeholder="Password"> 
          <button>Get Started</button>
        </form>
      </div>
    </div>
  </main>

  <div id="social-container" class="bg">
    <div id="social-banner" class="centered">
      <div id="social-text">
        <h3>Social Media</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
          Aenean euismod bibendum laoreet.</p>
      </div>
      <div id="social-icons">
        <i class="fa fa-facebook" aria-hidden="true"></i>
        <i class="fa fa-twitter" aria-hidden="true"></i>
        <i class="fa fa-google-plus" aria-hidden="true"></i>
        <i class="fa fa-pinterest" aria-hidden="true"></i>
        <i class="fa fa-instagram" aria-hidden="true"></i>
        <i class="fa fa-stumbleupon" aria-hidden="true"></i>
        <i class="fa fa-rss" aria-hidden="true"></i>
      </div>
    </div>
  </div>

  <footer class="bg">
    <div id="footer-icons">
      <i class="fa fa-facebook" aria-hidden="true"></i>
      <i class="fa fa-twitter" aria-hidden="true"></i>
      <i class="fa fa-google-plus" aria-hidden="true"></i>
      <i class="fa fa-pinterest" aria-hidden="true"></i>
      <i class="fa fa-instagram" aria-hidden="true"></i>
      <i class="fa fa-stumbleupon" aria-hidden="true"></i>
      <i class="fa fa-rss" aria-hidden="true"></i>
    </div>
    <p id="copyright">© 2015 Axure Themes</p>
  </footer>


  <script src="js/vendor/modernizr-3.8.0.min.js"></script>
  <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
  <script>window.jQuery || document.write('<script src="js/vendor/jquery-3.4.1.min.js"><\/script>')</script>
  <script src="js/plugins.js"></script>
  <script src="js/main.js"></script>

  <!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
  <script>
    window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
    ga('create', 'UA-XXXXX-Y', 'auto'); ga('set','transport','beacon'); ga('send', 'pageview')
  </script>
  <script src="https://www.google-analytics.com/analytics.js" async></script>
</body>

</html>