API tools faq
paste
Advertisement
Konark

GreenSite#1 HTML

Konark
Jan 13th, 2017
280
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 9.50 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>GreenSite - by Konark</title>
  6.     <link rel="stylesheet" href="css/style.css" type="text/css">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  8. </head>
  9. <body>
  10.     <div class="header">
  11.         <div class="header2">
  12.             <div class="logo"><a href="/">GreenSite</a></div>
  13.  
  14.             <div class="search">
  15.                 <input type="text">
  16.             </div>
  17.  
  18.             <div class="social">
  19.                 <ul>
  20.                     <li><a href="#" class="soc1"></a></li>
  21.                     <li><a href="#" class="soc2"></a></li>
  22.                     <li><a href="#" class="soc3"></a></li>
  23.                 </ul>
  24.             </div>
  25.         </div>
  26.     </div>
  27.     <div class="wrapper">
  28.         <div class="menu">
  29.         <ul>
  30.             <li class="lihome"><a href="#">Home</a></li>
  31.             <li><a href="#">About</a></li>
  32.             <li><a href="#">Services</a></li>
  33.             <li><a href="#">Work</a></li>
  34.             <li><a href="#">Contact</a></li>
  35.         </ul>
  36.         </div>
  37.         <div class="team">
  38.             <p class="team_text1">Sed egestas ante etviu</p>
  39.             <p class="team_text2">Morbi interdum mollis sapien ed ac risus phasell</p>
  40.             <hr/>
  41.             <div class="team_img">
  42.                 <div class="teams1">
  43.                     <div class="img_team1"></div>
  44.                     <div class="team_info">
  45.                         <p class="team_txt1">John Doe</p>
  46.                         <p class="team_txt2">your designations</p>
  47.                     </div>
  48.                 </div>
  49.                 <div class="teams2">
  50.                     <div class="img_team2"></div>
  51.                     <div class="team_info">
  52.                         <p class="team_txt1">Roseta</p>
  53.                         <p class="team_txt2">your designations</p>
  54.                     </div>
  55.                 </div>
  56.                 <div class="teams3">
  57.                     <div class="img_team3"></div>
  58.                     <div class="team_info">
  59.                         <p class="team_txt1">Kevin Doe</p>
  60.                         <p class="team_txt2">your designations</p>
  61.                     </div>
  62.                 </div>
  63.             </div>
  64.  
  65.         </div>
  66.         <div class="content_wh">
  67.             <div class="post1">
  68.                 <div class="title">
  69.                     <div class="icon_post1"></div>
  70.                     <h2>Vestibulum auctor</h2>
  71.                     <p class="post-descr">Morbi interdum mollis sapien ed</p>
  72.                 </div>
  73.                 <p class="post-text">Sed egestas, ante et vulputate volutpat, eros pede semper
  74.                     vitae luctus metus libero eu augue. Morbi purus libero, faucibus
  75.                     adipiscing, commodo quis, gravida id, est. Sed lectus.
  76.                     Praesent elementum hendrerit tortor. </p>
  77.                 <a href="#" class="button"></a>
  78.             </div>
  79.  
  80.             <div class="post1">
  81.                 <div class="title">
  82.                     <div class="icon_post2"></div>
  83.                     <h2>Nunc dignissim</h2>
  84.                     <p class="post-descr">Vivamus vestibulum nulla </p>
  85.                 </div>
  86.                 <p class="post-text">Sed egestas, ante et vulputate volutpat, eros pede semper
  87.                     vitae luctus metus libero eu augue. Morbi purus libero, faucibus
  88.                     adipiscing, commodo quis, gravida id, est. Sed lectus.
  89.                     Praesent elementum hendrerit tortor. </p>
  90.                 <a href="#" class="button"></a>
  91.             </div>
  92.  
  93.             <div class="post1">
  94.                 <div class="title">
  95.                     <div class="icon_post3"></div>
  96.                     <h2>Fusce pellente</h2>
  97.                     <p class="post-descr">Integer vitae libero ac risus ege</p>
  98.                 </div>
  99.                 <p class="post-text">Sed egestas, ante et vulputate volutpat, eros pede semper
  100.                     vitae luctus metus libero eu augue. Morbi purus libero, faucibus
  101.                     adipiscing, commodo quis, gravida id, est. Sed lectus.
  102.                     Praesent elementum hendrerit tortor. </p>
  103.                 <a href="#" class="button"></a>
  104.             </div>
  105.         </div>
  106.         <div class="post-contacts">
  107.             <div class="content">
  108.                 <div class="post2">
  109.                     <div class="image-post"><img src="img/post-img1.png"/></div>
  110.                     <div class="content-txt">
  111.                         <h2>Vivamus vestibulum nulla nec ante</h2>
  112.                         <p class="content-descr">Sed egestas, ante et vulputate volutpat, eros pede semper est</p>
  113.                         <p class="content-text">Sed egestas, ante et vulputate volutpat, eros pede semper vitae luctus metus libero eu augue.
  114.                             Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent
  115.                             elementum hendrerit tortor. </p>
  116.                         <a href="#" class="button"></a>
  117.                     </div>
  118.                 </div>
  119.                 <hr/>
  120.                 <div class="post2">
  121.                     <div class="image-post"><img src="img/post-img2.png"/></div>
  122.                     <div class="content-txt">
  123.                         <h2>Aliquam tincidunt mauris eu risus kuosyn</h2>
  124.                         <p class="content-descr">Sed egestas, ante et vulputate volutpat, eros pede semper est</p>
  125.                         <p class="content-text">Sed egestas, ante et vulputate volutpat, eros pede semper vitae luctus metus libero eu augue.
  126.                             Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent
  127.                             elementum hendrerit tortor. </p>
  128.                         <a href="#" class="button"></a>
  129.                     </div>
  130.                 </div>
  131.             </div>
  132.             <div class="contact">
  133.                 <div class="contact-head">
  134.                     <div class="icon-contact"></div>
  135.                     <div class="contact-title">
  136.                         <h2>Contact us</h2>
  137.                         <p class="content-descr">Prus liberi facuibus asipsing</p></div>
  138.                 </div>
  139.                 <div class="contact-input">
  140.                     <input type="text" placeholder="your name.."/>
  141.                     <input type="text" placeholder="your email id.."/>
  142.                     <input type="text" placeholder="your phone.."/>
  143.                     <textarea placeholder="your message.."></textarea>
  144.                     <a href="#" class="button2"></a>
  145.                 </div>
  146.             </div>
  147.         </div>
  148.     </div>
  149. <div class="footer1">
  150.     <div class="foot-cont">
  151.         <div class="foot-div">
  152.             <h3>Aliquam tincid</h3>
  153.             <ul>
  154.                 <li><a href="#">Nunc dignissim risus</a></li>
  155.                 <hr/>
  156.                 <li><a href="#">Cras ornare trist</a></li>
  157.                 <hr/>
  158.                 <li><a href="#">Vivamus vestibul</a></li>
  159.                 <hr/>
  160.                 <li><a href="#">Praesent placerat ri</a></li>
  161.             </ul>
  162.         </div>
  163.  
  164.         <div class="foot-div">
  165.             <h3>Lorem ipsum</h3>
  166.             <ul>
  167.                 <li><a href="#">Nunc dignissim risus</a></li>
  168.                 <hr/>
  169.                 <li><a href="#">Cras ornare trist</a></li>
  170.                 <hr/>
  171.                 <li><a href="#">Vivamus vestibul</a></li>
  172.                 <hr/>
  173.                 <li><a href="#">Praesent placerat ri</a></li>
  174.             </ul>
  175.         </div>
  176.  
  177.         <div class="foot-div">
  178.             <h3>Sedlu prase</h3>
  179.             <ul>
  180.                 <li><a href="#">Nunc dignissim risus</a></li>
  181.                 <hr/>
  182.                 <li><a href="#">Cras ornare trist</a></li>
  183.                 <hr/>
  184.                 <li><a href="#">Vivamus vestibul</a></li>
  185.                 <hr/>
  186.                 <li><a href="#">Praesent placerat ri</a></li>
  187.             </ul>
  188.         </div>
  189.  
  190.         <div class="foot-div">
  191.             <h3>Commod quis</h3>
  192.             <ul>
  193.                 <li><a href="#">Nunc dignissim risus</a></li>
  194.                 <hr/>
  195.                 <li><a href="#">Cras ornare trist</a></li>
  196.                 <hr/>
  197.                 <li><a href="#">Vivamus vestibul</a></li>
  198.                 <hr/>
  199.                 <li><a href="#">Praesent placerat ri</a></li>
  200.             </ul>
  201.         </div>
  202.  
  203.         <div class="foot-div">
  204.             <h3>Voluptat sin</h3>
  205.             <ul>
  206.                 <li><a href="#">Nunc dignissim risus</a></li>
  207.                 <hr/>
  208.                 <li><a href="#">Cras ornare trist</a></li>
  209.                 <hr/>
  210.                 <li><a href="#">Vivamus vestibul</a></li>
  211.                 <hr/>
  212.                 <li><a href="#">Praesent placerat ri</a></li>
  213.             </ul>
  214.         </div>
  215.  
  216.         <div class="foot-div">
  217.             <h3>Necant ipons</h3>
  218.             <ul>
  219.                 <li><a href="#">Nunc dignissim risus</a></li>
  220.                 <hr/>
  221.                 <li><a href="#">Cras ornare trist</a></li>
  222.                 <hr/>
  223.                 <li><a href="#">Vivamus vestibul</a></li>
  224.                 <hr/>
  225.                 <li><a href="#">Praesent placerat ri</a></li>
  226.             </ul>
  227.         </div>
  228.     </div>
  229. </div>
  230. <div class="footer2">
  231.     <div class="copyright">
  232.         <p>Copyright(c) GreenSite. Designed by Konark / Images from: www.wallcoo.net</p>
  233.     </div>
  234. </div>
  235. </body>
  236. </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!