HomeworkLib
Question

Home Feedback contact event jdhsajkflkafffjlkdsjglksjgkjlk nfjkdshgakjh:kgjdflkgifgd:lkjk nfdjskahgkjklgj:kljgkjlklf;ligjg ifCreate HTML CSS web page that looks like the visual prototype

engineering   Computer-Science   
0 0
Add a comment Improve this question Transcribed image text
Next > < Previous
Sort answers by oldest

Homework Answers

Answer #1

<!DOCTYPE html>
<html>
<head>
   <title>Visual Webpage</title>
   <style type="text/css">
       *
       {
           box-sizing: border-box;
       }
       body
       {
           margin: 0px;
           padding: 0px;
           align-items: center;
           width: 50em;
           margin-left: 400px;
       }
       .guru{
           width: 100%;
           height: 8em;
       }
       ul
       {
       list-style-type: none;
       margin: 0;
       padding: 0;
       overflow: hidden;
       background-color: #f5f5f5;
       text-align: center;
       }

       li {
       display: inline-block;
       margin-right: 100px;
       }

       li a {
       display: block;
       color: black;
       text-align: center;
       padding: 14px 16px;
       text-decoration: none;
       }
       .g1
       {
           margin: auto;
           width: 60%;
           background-color: #CCC;
           padding: 10px;
           margin-top: 10px;
       }
       .g1 p
       {
           margin-left: 20px;
       }
       .g2
       {
           margin: auto;
           width: 60%;
           background-color: #CCC;
           padding: 15px;
           margin-top: 20px;
       }
       .g2 p
       {
           margin-left: 20px;
       }
       .c11
       {
           display:block;
           width: 100%;
           padding: 20px;
       }
       .c1
       {
           width: 20%;
           display: inline-block;
           background-color: #ccc;
           box-sizing: border-box;
           padding: 10px;
           margin-right:40px;
       }

   </style>
</head>
<body>
   <header>
       <img src="1.jpg" class="guru">
   </header>
   <nav>
       <ul>
           <li><a href="#">Home</a></li>
           <li><a href="#">Feedback</a></li>
           <li><a href = "#">Event</a></li>
           <li><a href="#">Contact</a></li>
       </ul>
   </nav>
   <div class="g1">
       <p>saksjfkjaksfjkajfkajkfjakjfkajfkajkfjakfjkajfkkjskj<BR>dkasjdkasdkjaskjklajfkljaklfjklajfklajlfkjaklfjkajfl<BR>
       dkasjdkasdkjaskjklajfkljaklfjklajfklajlfkjaklfjkajfl</p>
   </div>
   <div class="g2">
       <p>saksjfkjaksfjkajfkajkfjak<br>jfkajfkajkfjakfjkajfkkjskj<BR>dkasjdkasdkjaskjklajfkljakl<br>fjklajfklajlfkjaklfjkajfl<BR>
       dkasjdkasdkjaskjklajfkljak<br>lfjklajfklajlfkjaklfjkajfl</p>
   </div>
   <div class="c11">
       <div class="c1">aasasasad<br>adadadadada<br>dadadad<br>adasd<br>adasdasd</div>
       <div class="c1">aasasasad<br>adadadadada<br>dadadad<br>adasd<br>adasdasd</div>
       <div class="c1">aasasasad<br>adadadadada<br>dadadad<br>adasd<br>adasdasd</div>
       <div class="c1">aasasasad<br>adadadadada<br>dadadad<br>adasd<br>adasdasd</div>
   </div>
</body>
</html>

0 0
Add a comment
Know the answer?
Add Answer to:
Create HTML CSS web page that looks like the visual prototype
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Log In

Sign Up

Not the answer you're looking for? Ask your own homework help question. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions

  • 1) With the partial code below, create a web page that looks like the one below...

    1) With the partial code below, create a web page that looks like the one below and complete the given code. Make sure work that the correct image corresponding with the correct hyperlink is displayed in the right frame whilst all the hyperlinks are listed in the left frame. <html> <head> <script> function setImage(index) {     if (index == 1)     {       RightFrame.document.RightImage.src = "lions.jpg";     }     if (index == 2)     {       RightFrame.document.RightImage.src = "tigers.jpg";    ...

  • HTML 5 and w3 validated with no errors Please ! 1. Create a Web page like...

    HTML 5 and w3 validated with no errors Please ! 1. Create a Web page like the following. You can use any set of images, but try to preserve the relative positioning of all items as shown below. Address Favorites CST 6305- Welome to the classhOpen To G Google INDEX Home Pag Instructor: Christo Dichev relative Lab Exercise: Positioning absolite What to turn in: Please submit your images together with the html file to Canvas

  • Can you create a basic website using HTML or CSS that doesn’t require a web server...

    Can you create a basic website using HTML or CSS that doesn’t require a web server to run. Couldn't you just store the html or css doc in File/Window Explorer? Would it only need to be stored on a web server if I wanted to view it through the Internet?

  • web programming (html & css) Parking lot design using html & css.

    web programming (html & css) Parking lot design using html & css.

  • Ayout References Mailings ReviewView nment 1 Write the required HTML/CSS codes to design the web ...

    write a Html/CSS codes to design web page below ayout References Mailings ReviewView nment 1 Write the required HTML/CSS codes to design the web page below: YAHOO English (US) ayout References Mailings ReviewView nment 1 Write the required HTML/CSS codes to design the web page below: YAHOO English (US)

  • HTML Web Page project: Need help to create a web page exactly as the example below...

    HTML Web Page project: Need help to create a web page exactly as the example below using HTML. I need the source code. Page 1 of CA272 Midterm Welcome to your name's CA272 Midterm Text In this class, I learned how to... 1. create an X)HTML web page, where I can 2. change the size of my font, 3. change the color of my fonts, 4. change my font style, 5. and change the background color of my web page....

  • I want to know about a few web applications with HTML and CSS for year 1...

    I want to know about a few web applications with HTML and CSS for year 1 students which my team could develop a prototype in around 4 weeks

  • Create a two-page website by using HTML commands (without using CSS or javascript).

    Create a two-page website by using HTML commands (without using CSS or javascript).

  • Please build a web page in HTML/css that does the following: The Home Page: It should...

    Please build a web page in HTML/css that does the following: The Home Page: It should be a welcome page with options to buy sell or trade. The Buy Page: You should be asked "What book are you trying to buy?" and be able to enter a book name After pressing enter you should see a list of books that fell under what you searched. The Sell Page: You should be asked "What book are you trying to sell?" and...

  • Create a web page: That includes an unordered list describing 2 – 3 courses you are...

    Create a web page: That includes an unordered list describing 2 – 3 courses you are taking this semester The text My Current Courses should be contained within <h2> tags The page should include a hyperlink to the home page Write the HTML code so one your listed courses is configured by using a class named favorite The web page should use the external style sheet named ass3.css Save the page as current.html

ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT