Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>PSD to HTML</title>
- <link href='https://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" type="text/css" href="novipsd.css">
- </head>
- <body>
- <!-- ===========================================================
- MAIN START
- ============================================================ -->
- <div id="wrap">
- <div id="first">
- <div id="logonav">
- <img id="logo" src="logo.png" width="118px" height"50px">
- <ul class="nav-inner">
- <li> home </li>
- <li> about </li>
- <li> work </li>
- <li> blog </li>
- <li> contact </li>
- </ul>
- </div> <!-- logo nav end -->
- <div id="welcometextparent">
- <div id="welcometext">
- <h2>Hi there! We are the new kids on the block<br> and we build awesome websites and mobile apps.</h2>
- <button id="workwithus">Work with us!</button>
- </div> <!-- welcome text -->
- </div> <!-- welcome text parent -->
- </div> <!-- first end -->
- <div id="green2holder">
- <div id="services">
- <h1> SERVICES WE PROVIDE </h1>
- <p> We are working with both individuals and businesses from all over the globe to create awesome websites and applications. </p>
- </div> <!-- End services -->
- </div>
- </div>
- <div id="servicesicons">
- <ul id="servisi">
- <li>
- <img src="zastavica.png">
- <h2> Branding </h2>
- <p> Li Europan lingues es membres del sam familie. Lor separat existentie es un myth.existentie es un myth. </p>
- </li>
- <li>
- <img src="olovka.png">
- <h2> Design </h2>
- <p> Li Europan lingues es membres del sam familie. Lor separat existentie es un myth.existentie es un myth. </p>
- </li>
- <li>
- <img src="tockici.png">
- <h2> Development </h2>
- <p> Li Europan lingues es membres del sam familie. Lor separat existentie es un myth.existentie es un myth. </p>
- </li>
- <li>
- <img src="rocket.png">
- <h2> Rocket Science </h2>
- <p> Li Europan lingues es membres del sam familie. Lor separat existentie es un myth.existentie es un myth. </p>
- </li>
- </ul>
- </div>
- </div> <!-- green holder end -->
- <div id="team">
- <div id="meetteam">
- <h1> Meet our beautifull team </h1>
- <p> We are a small team of designers and developers, who help brands with big ideas. </p>
- </div> <!-- end meetteam -->
- <div id="teamkruzici">
- <div id="container">
- <div id="okrug">
- <div id="krug">
- <div id="teamopis">
- <h2> Arne Hathaway </h2>
- <h3> CEO / Marketing Guru </h3>
- <p> Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. </p>
- </div>
- </div>
- <div id="krug">
- <div id="teamopis">
- <h2> Kate Upton </h2>
- <h3> Creative Director </h3>
- <p> Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. </p>
- </div>
- </div>
- <div id="krug">
- <div id="teamopis">
- <h2> Olivia Wayde </h2>
- <h3> Lead Designer </h3>
- <p> Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. </p>
- </div>
- </div>
- <div id="krug">
- <div id="teamopis">
- <h2> Ashley Greene </h2>
- <h3> SEO / Developer </h3>
- <p> Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. </p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div> <!-- team end -->
- <div id="skills">
- <div id="wegot">
- <h1> We got skills! </h1>
- <p> Lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic. </p>
- </div> <!-- wegot end-->
- <div id="skillsshow">
- <div id="container2">
- <div id="okrug2">
- <div id="krug2">
- <div id="webdizajn">
- </div>
- </div>
- <div id="krug2">
- <div id="htmlcss">
- </div>
- </div>
- <div id="krug2">
- <div id="graficki">
- </div>
- </div>
- <div id="krug2">
- <div id="uiux">
- </div>
- </div>
- </div>
- </div>
- </div> <!-- skills show icon ends -->
- </div> <!-- skills end -->
- <div id="portfolioholder">
- <div id="ourportfolio">
- <h1> Our Portfolio </h1>
- <p> Lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic. </p>
- <a href="#">All</a>
- <a href="#">Web</a>
- <a href="#">Apps</a>
- <a href="#">Icons</a>
- </div> <!-- our portfolio end -->
- <div id="portcontainer">
- <div id="prvadva">
- <div id="levi">
- <img src="port1.png">
- </div>
- <div id="desni">
- <img src="port2.png">
- </div>
- <div id="drugadva">
- <div id="levi2">
- <img src="port3.png">
- </div>
- <div id="desni2">
- <img src="port4.png">
- </div>
- </div> <!-- prva dva end -->
- <button id="loadmore">Load more projects</button>
- </div> <!-- portfolio holder end -->
- </div> <!-- port container end -->
- </div> <!-- Wrap end -->
- <div id="whatpeoplesay">
- <div id="whatpeopletext">
- <h1> What people say about us </h1>
- <p> Our clients love us! </p>
- </div> <!-- what people say text end -->
- <div id="prvedvequohold">
- <div id="prva">
- <div id="radius">
- </div>
- <p> "On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles." </p>
- <p class="imeljudi"> CHANEL IMAN </p>
- </div>
- <div id="druga">
- <div id="radius">
- </div>
- <p> "On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles." </p>
- <p class="imeljudi"> ADRIANA LIMA </p>
- </div>
- </div> <!-- prve dve quote end -->
- <div id="druge2quotes">
- <div id="prva2">
- <div id="radius">
- </div>
- <p> "On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles." </p>
- <p class="imeljudi"> ANNE HATHAWAY</p>
- </div>
- <div id="druga2">
- <div id="radius">
- </div>
- <p> "On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles." </p>
- <p class="imeljudi"> EMA STONE </p>
- </div>
- </div> <!-- druge dve quote's end -->
- </div> <!-- what people say section end -->
- <div id="getintouch">
- <div id="getintouchtext">
- <h1> Get in touch </h1>
- <P> 1600 Pennsylvania Ave NW, Washington, DC 20500, United States </p>
- </div> <!-- end getintouch text -->
- <div id="forma">
- <div id="formacontent">
- <input id="name" class="ime" type="text" name="fullname" value="Your Name">
- <input id="email" class="ime" type="text" name="fullname" value="Email">
- <input id="poruka" type="text" value="Your Message">
- <button id="posalji">Send Message</button>
- </div>
- </div>
- </div>
- <div id="footer">
- <div id="footersadrzaj">
- <ul class="futerlist">
- <li>Facebook</li>
- <li>Twitter</li>
- <li>Google+</li>
- <li>LinkedIn</li>
- <li>Behance</li>
- <li>Dribbble</li>
- <li>GitHub</li>
- </ul>
- </div> <!-- footer content end -->
- </div> <!-- footer end -->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement