API tools faq
paste
Advertisement
Guest User

index.html

a guest
Jul 23rd, 2014
134
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.86 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2.  
  3. <html id="index">
  4. <head>
  5.  
  6.     <meta charset="utf-8">
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8.    
  9.     <title>CreativeCodeFish | Project Management Login </title>
  10.     <meta name="description" content="">
  11.     <meta name="author" content="Lindsay Roberts">
  12.    
  13.     <!--  Mobile viewport optimized: j.mp/bplateviewport -->
  14.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  15.    
  16.     <!-- CSS concatenated and minified via ant build script-->
  17.     <link href='http://fonts.googleapis.com/css?family=Signika:400,300,700' rel='stylesheet' type='text/css'>
  18.     <link rel="stylesheet" href="css/compressed.css">
  19.  
  20. </head>
  21.  
  22. <body>
  23.     <!-- HEADER -->
  24.     <header>
  25.         <div class="wrapper">
  26.             <a id="logo" href="#">Logo</a>
  27.             <form id="loginForm">
  28.                 <i class="icon-user"></i>
  29.                 <input type="text" id="user" name="signinButton" placeholder="Your username." class="loginTooltip" title="Your cool username." />
  30.                 <i class="icon-key"></i>
  31.                 <input type="password" id="pass" name="signinButton" placeholder="Your password." class="loginTooltip" title="Your top-secret password." />
  32.                 <button id="signinButton" name="signinButton">Sign in</button>
  33.             </form>
  34.         </div>
  35.     </header>
  36.  
  37.     <!-- CALL TO ACTION -->
  38.     <section id="CTA">
  39.         <h1>Big fish often have small beginnings.</h1>
  40.         <p>The beginning of your website, starts <strong>here.</strong></p>
  41.         <a href="#" id="registerBtn">Start Today!</a>
  42.     </section>
  43.  
  44.     <!-- INFORMATION CONTAINER -->
  45.     <section id="information">
  46.         <div class="wrapper">
  47.             <div id="left">
  48.                 <div id="branding" class="infosection">
  49.                     <h3>Branding</h3>
  50.                     <p>Branding is more than just a logo. It’s who you are, your story, and your business’ identity. We can provide you a look and feel that you’ll be happy with for years to come.</p>
  51.                 </div>
  52.  
  53.                 <div id="design" class="infosection">
  54.                     <h3>Web Design</h3>
  55.                     <p>A professionally designed website can do wonders for your business. Having a website opens yourself up to a world of potential customers, which is more than worth the investment.</p>
  56.                 </div>
  57.  
  58.                 <div id="coding" class="infosection">
  59.                     <h3>Coding</h3>
  60.                     <p>Have your website or application developed the right way. We adhere to standards and best practices, leaving you with a beautifully crafted product.</p>
  61.                 </div>
  62.             </div>
  63.  
  64.             <div id="right">
  65.                 <form>
  66.                     <h3>Still not convinced?</h3>
  67.                     <p>Contact us for more info, and a <em>free</em> quote.</p>
  68.  
  69.                     <input type="text" id="contactName" name="contactName" placeholder="Your name." />
  70.                     <input type="email" id="contactEmail" name="contactEmail" placeholder="Your email." />
  71.                     <textarea id="message" name="message" placeholder="Your message. Include budget, project info, and deadlines."></textarea>
  72.                     <button id="quote">Get a free quote</button>
  73.                 </form>
  74.             </div>
  75.             <div class="clear"></div>
  76.         </div>
  77.     </section>
  78.  
  79.     <!-- REGISTER MODAL -->
  80.     <div id="overlay"></div>
  81.  
  82.     <div id="registerModal">
  83.         <form id="registerForm">
  84.             <a class="close"></a>
  85.             <h3>Register Today! - It's FREE!</h3>
  86.             <p>Registering only takes seconds, and puts you into direct contact with a designer. On top of all that, you can add documents, images, and other files to your project dashboard. What are you waiting for? It's free!</p>
  87.             <img src="images/formfish.png" alt="Goldy the goldfish helps users register. It looks like he stepped out for a minute. Sorry about that!" />
  88.             <input type="text" id="name" name="name" placeholder="Your full name." title="We just need your first and last name." class="masterTooltip" />
  89.             <input type="email" id="email" name="email" placeholder="Your email." title="We won't send you spam. Pinky swear." class="masterTooltip"  />
  90.             <input type="text" id="userName" name="userName" placeholder="Your username." title="Your username must be unique." class="masterTooltip" />
  91.             <input type="password" id="password" name="password" placeholder="Your password." title="Make your password hard to guess." class="masterTooltip" />
  92.             <button id="register">Sign up</button>
  93.         </form>
  94.     </div>
  95.    
  96.     <!-- jquery -->
  97.     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  98.     <!-- plugins -->
  99.  
  100.    
  101.     <!-- main -->
  102.     <script type="text/javascript" src="js/main.js"></script>
  103. </body>
  104. </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!