Create HTML CSS web page that looks like the visual prototype
<!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>
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 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
web programming (html & css) Parking lot design using html & css.
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 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 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).
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...
Write the HTML to create a fragment identifier at the beginning of a web page designated by “top”. Write the HTML to create a hyperlink to the named fragment designated by “top”.
Create two web pages as follows: Page 1: An html page with a form that will allow the user to enter their name and gender <m/f> Page 2: A Php document that will process the data from the html form to display a welcome message of either ‘Welcome Mr. <submitted name>’ or ‘Welcome Ms. <submitted name>’ The <submitted name> is what the user submitted in the HTML form.