Question

In: Computer Science

this is done in HTML In footer, use HTML tags/style of your choice to explain steps...

this is done in HTML

  1. In footer, use HTML tags/style of your choice to explain steps you took to add css file and _Layout. Should include the following:

    1. Folder structure

    2. Short description of what layout does

    3. You should not include the content of css or how you defined your css

Solutions

Expert Solution

<! layout .html >

<!DOCTYPE html>
<html>
   <head>
      <title>Layout Demo</title>
      <style>
         .Header1
         {          
         border: 2px solid red;
         height: 65px;
         }
         body {
         margin: 0 auto;
         background-position:center;
         background-size: contain;
         width: 90%;
         border: 2px slod balck;
         border: 6px solid black;
         height: 449px;  
         }
         .menu {
         position: sticky;
         top: 0;
         background-color: #009900;
         padding:10px 0px 10px 0px;
         color:white;
         margin: 0 auto;
         overflow: hidden;
         }
         .menu a {
         float: left;
         color: white;
         text-align: center;
         padding: 14px 16px;
         text-decoration: none;
         font-size: 20px;
         }
         footer {
         border: 2px solid red;
         height: 65px;
         }
         .index
         {
         border: 2px solid red;
         width: 50%;
         height: 230px;
         }
         .contain1
         {
         border: 2px solid red;
         width: 49%;
         height: 230px;
         float:right;
         margin-top: -231px;
         }
         #Content
         {
         padding-top:12px;
         }
      </style>
   </head>
   <body>
      <!-- Header Section -->
      <header>
         <div class="Header1">
            <center>
               <h1>Header Section</h1>
            </center>
         </div>
      </header>
      <!-- Menu Navigation Bar -->
      <div class="menu">
         <a href="#">HOME</a>
         <a href="#">NEWS</a>
         <a href="#">NOTIFICATIONS</a>
      </div>
      <!-- Body section -->
      <div >
         <section id="Content">
            <div class="index">
               <center>
                  <h1>Index</h1>
               </center>
            </div>
            <div class="contain1">
               <center>
                  <h1>Content Section</h1>
               </center>
            </div>
         </section>
      </div>
      <!-- Footer Section -->
      <footer>
         <center>
            <h1>Footer Section   </h1>
         </center>
      </footer>
   </body>
</html>


Related Solutions

Create a form using the following HTML elements at a minimum. Style the form in your...
Create a form using the following HTML elements at a minimum. Style the form in your CSS. You do not need to include a form action (i.e. the form doesn't have to do anything - we're designing the front end of the form). textarea textbox input type of "email" select radio button checkbox submit button style at least three elements of your form in your stylesheet, including your submit button Use a comment to delineate the beginning and end of...
Use a style sheet to define the following rules and implement the given HTML code. Please...
Use a style sheet to define the following rules and implement the given HTML code. Please put your style information within the same file as the HTML code. Rules • Hyperlinks using the nodec class should display no decoration. • Hyperlinks should display text in white with a green background color when the mouse pointer is held over the link. (use the hover pseudo-class) • Unordered lists not nested within any other lists should be displayed in blue text and...
Overview Students will learn how to use block-level <div> elements in HTML and style them with...
Overview Students will learn how to use block-level <div> elements in HTML and style them with CSS to transform them using various properties such as: position top, left, right, bottom float border border-radius background-color etc. Related Lecture(s) Module 2: Lecture #3 - The Box Model & Positioning Elements Basic Content Create a folder on your local machine in the "csis1430/htdocs" folder called "little-boxes" with the following folder structure: css img js Create an index.html file with multiple (as many as...
Please describe the steps taken in Data Preprocessing. Give examples and explain what was done in...
Please describe the steps taken in Data Preprocessing. Give examples and explain what was done in each of these steps. PLEASE PROVIDE DETAILED EXPLANATION , SO I CAN UNDERSTAND EASILY COURSE : DATA MINING
After designing PCR primers, what next steps should be done? Explain briefly.
After designing PCR primers, what next steps should be done? Explain briefly.
Using a major public health challenge of your choice, identify and elaborate on the steps that...
Using a major public health challenge of your choice, identify and elaborate on the steps that need to be followed to implement a Health Promotion Intervention in order to overcome this challenge.
Which is better, lowering or raising taxes?  Explain and use example on how your choice is accurate....
Which is better, lowering or raising taxes?  Explain and use example on how your choice is accurate. http://money.cnn.com/2016/10/17/pf/taxes/trump-tax-plan/index.html
Identify project of your choice and apply steps a project manager can take to smooth a...
Identify project of your choice and apply steps a project manager can take to smooth a resource also provide gantt chart with smoothed resources
Explain (in logical steps) how an organisations’ choice of Information Systems is determined by Organisational Strategy?
Explain (in logical steps) how an organisations’ choice of Information Systems is determined by Organisational Strategy?
Use Affordability, Quality, and Style as the only Values for your decision in finding the best...
Use Affordability, Quality, and Style as the only Values for your decision in finding the best computer for you among 3 computers you have identified as your choices. Apply the Multifactor Evaluation Process by (i) assigning normalised weights to the Values, (w1=.1 w2=.5 w3=.4) (ii) assigning for each value, ratings of individual computers. (iii) Computing the total score of each computer to find the best computer; i.e., the computer with the highest total score. (iv) Normalizing the ratings and total...
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT