Created
December 24, 2017 11:23
-
-
Save emmasamuel/e1ce2b0cc110277383e5aec72499c1d8 to your computer and use it in GitHub Desktop.
this is my full code for elephant size.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta name="description" content="[add your bin description]"> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <link rel="stylesheet" type="text/css" href="style.css"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <div class="header"> | |
| <!-- i want to thank you sir for making this course video. you are a very good tutor. you made it completely easy for me to understand html and css. please sir i could love you make a full video course on just css, saass, boostrap, wordpress, python and php. please look at my codes and tell me what i am doing wrong. how can i code for all browser sir? i have more question but let me wait for your reply. are you on facebook? --> | |
| <nav> | |
| <ul> | |
| <il> | |
| <a href="#">Home</a> | |
| </il> | |
| <il> | |
| <a href="#">About</a> | |
| </il> | |
| <il> | |
| <a href="#">Contact Us</a> | |
| </il> | |
| </ul> | |
| </nav> | |
| </div> | |
| <div class="section1"> | |
| <section class="auto"> | |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia eros id lorem convallis, sit amet dignissim arcu imperdiet. Aliquam quis mauris mauris. Fusce sed. | |
| <p> <i>Lorem ipsum dolor sit amet</i> </p> | |
| </section> | |
| <section class="auto1"> | |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia eros id lorem convallis, sit amet dignissim arcu imperdiet. Aliquam quis mauris mauris. Fusce sed. | |
| </section> | |
| </div> | |
| </div> | |
| <footer> | |
| <h4> ARIESHOM INVESTMENT LIMITED <span>COPYRIGHT © 2017</span></h4> | |
| </footer> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .container { | |
| width: 100%; | |
| height: 820px; | |
| margin: 0; | |
| color: white; | |
| background-image: url(image/tiger.png); | |
| background-size: cover; | |
| background-repeat: no-repeat; | |
| padding: 0; | |
| border: 0; | |
| } | |
| .header { | |
| width: 100%; | |
| height: 100px; | |
| padding-top: 10px; | |
| margin: 4px; | |
| text-align: center; | |
| } | |
| nav ul il a { | |
| color: white; | |
| text-decoration-line: none; | |
| padding: 40px; | |
| } | |
| a:link { | |
| color: white; | |
| } | |
| a:hover { | |
| font-size: 26px; | |
| color: deeppink; | |
| } | |
| a:active { | |
| color: blueviolet; | |
| letter-spacing: 0.5em; | |
| text-transform: uppercase; | |
| } | |
| .section1 { | |
| width: 400px; | |
| height: 700px | |
| border: 1px soild white; | |
| margin: inherit; | |
| padding-top: 20px; | |
| padding-left: 20px | |
| } | |
| .auto { | |
| font-style; italic; | |
| font-family: monospace; | |
| } | |
| .auto p{ | |
| color: pink; | |
| font-size: 25px; | |
| font-family: cursive; | |
| padding-top: 200px; | |
| padding-left: 60px; | |
| padding-bottom: 200px; | |
| } | |
| span { | |
| font-size: 11px; | |
| font-style: italic; | |
| font-stretch: extra-expanded; | |
| } | |
| footer { | |
| width: auto; | |
| height: 65px; | |
| background-color: black; | |
| color: papayawhip; | |
| text-align: center; | |
| padding-top: 10px; | |
| margin-top: 1px; | |
| font-family:inherit | |
| border: 0px; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment