Scribd
Upload
44 views

Charset Rel Href Type Href Rel Href Rel Rel Href

This document is the code for a website with a header containing navigation links, images, and text. The header includes a logo and menu links. Below the header is text promoting the site as the best in the world, explaining why users should try it now. Images are also included on the right side of the page. The document provides the basic structure and elements for a simple promotional website.

Uploaded by

PM
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
44 views

Charset Rel Href Type Href Rel Href Rel Rel Href

This document is the code for a website with a header containing navigation links, images, and text. The header includes a logo and menu links. Below the header is text promoting the site as the best in the world, explaining why users should try it now. Images are also included on the right side of the page. The document provides the basic structure and elements for a simple promotional website.

Uploaded by

PM
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

1 <!

doctype html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <link rel="shortcut icon" href="IMAGES/favicon.ico" type="image/x-icon">
6 <link href="https://fonts.googleapis.com/css?family=Yatra+One" rel="stylesheet">
7 <link href="https://fonts.googleapis.com/css?family=Sorts+Mill+Goudy" rel="stylesheet">
8 <link rel="stylesheet" href="style.css">
9 <title>Live Coding</title>
10 </head>
11
12 <body>
13
14 <header>
15       <nav id="nav-container">
16      
17     <div class="logo-container">
18       <a href="https://www.google.com" target="_blank" title="Best Website">
19         <img src="IMAGES/logo.png" >
20       </a>
21     </div>
22    
23 <div class="menu-container">
24  
25     <ul>
26 <li class="menu-link-one">
27 <a href="https://wwww.google.com">Best Page One</a>
28 <div class="dropdown-content">
29 <a href="https://www.google.com">Drop 1</a>
30 <a href="https://www.google.com">Drop 2</a>
31 <a href="https://www.google.com">Drop 3</a>

32 </div>
33 </li>
34
35 <li class="menu-link-two">
36 <a href="https://wwww.google.com">Best Page Two</a>
37 </li>
38  
39     </ul>
40   </div>
41 </nav>
42 </header>
43  
44 <div class="full-panel">
45     <div class="container">
46     <h1 class="headline">This is the best site in the World! Don't you think?
47 </h1>
48 </div>
49 </div>
50
51
52 <div class="left-panel">
53         <div class="about-container">
54             <h2>Yes. The best.</h2>
55        
56             <h4>WHY NOT</h4>
57             <h4>TRY THIS</h4>
58             <h4>NOW!!!</h4>
59        
60             <p>There is no other way than doing it. You can't learn by sitting. Wisen up, get on with it.
It's fun!</p>
61            
62             <a class="button" href="#" alt="start now">Start Now!</a>
63         </div>
64         </div>
65
66
67
68 <div class="right-panel">
69         <div class="about-image-container">
70             <img class="img-hover" src="IMAGES/PostcardLemon.jpg" alt="Image of Peppermint">
71             <img class="img-hover" src="IMAGES/PostcardLemon.jpg" alt="Image of Peppermint">
72         </div>
73 </div>
74
75
76 </body>
77 </html>
78
78

You might also like