i want to create a website for my project
Homework Answers
Below is the solution:
create five html page index.html, about.html, carrier.html, services.html, contact.html and one style.css file.
keep all the html file in project folder and create a separate folder for the css and image file
index.html:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Tourism</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div class="container">
<div class="fullwidth">
<div class="header">
<div class="logo"><img src="image/logo.png" alt="logo1" style="width:70px; height:70px;"></div>
<div class="login"><a href="#">Login/Register</a></div>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="carrier.html">Carrier</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
</div>
<div class="slider">
<img src="image/tourism.jpeg" alt="img1">
</div>
<div class="full_page">
<div class="about">
<aside>
<h1>Number of List</h1>
<ul>
<li>Hatha, Vinyasa, and Restorative Yoga Classes</li>
<li>Drop-lins welcome</li>
<li>Mats, blocks, and blankets provided</li>
<li>Relax in our Serenity Lounge before or after your class</li>
<li>Guided hiking tours of the redwoods</li>
</ul>
<h1>Order list</h1>
<ol>
<li>Hatha, Vinyasa, and Restorative Yoga Classes</li>
<li>Drop-lins welcome</li>
<li>Mats, blocks, and blankets provided</li>
<li>Relax in our Serenity Lounge before or after your class</li>
<li>Guided hiking tours of the redwoods</li>
</ol>
</aside>
</div>
<div style="clear:both;"></div>
</div>
<div class="footer">
<div class="links">
<ul>
<li><a href="#">Name</a></li>
<li><a href="#">Course Number</a></li>
<li><a href="#">Course Title</a></li>
<li><a href="#">Semester</a></li>
</ul>
</div>
<div class="address">
<h2>Address...</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="socials"><img src="image/social.png" alt="social1"></div>
</div>
</div>
</div>
</body>
</html>
about.html:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>about</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div class="container">
<div class="fullwidth">
<div class="header">
<div class="logo"><img src="image/logo.png" alt="logo1" style="width:70px; height:70px;"></div>
<div class="login"><a href="#">Login/Register</a></div>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="carrier.html">Carrier</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
</div>
<div class="slider">
<img src="image/tourism.jpeg" alt="img1">
</div>
<div class="full_page">
<div class="about">
<h1>About Us..</h1><br><br>
</div>
<div style="clear:both;"></div>
</div>
<div class="footer">
<div class="links">
<ul>
<li><a href="#">Name</a></li>
<li><a href="#">Course Number</a></li>
<li><a href="#">Course Title</a></li>
<li><a href="#">Semester</a></li>
</ul>
</div>
<div class="address">
<h2>Address...</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="socials"><img src="image/social.png" alt="social1"></div>
</div>
</div>
</div>
</body>
</html>
carrier.html:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>carrier</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div class="container">
<div class="fullwidth">
<div class="header">
<div class="logo"><img src="image/logo.png" alt="logo1" style="width:70px; height:70px;"></div>
<div class="login"><a href="#">Login/Register</a></div>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="carrier.html">Carrier</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
</div>
<div class="slider">
<img src="image/tourism.jpeg" alt="img1">
</div>
<div class="full_page">
<div class="about">
<h1>Carrier</h1><br><br>
</div>
<div style="clear:both;"></div>
</div>
<div class="footer">
<div class="links">
<ul>
<li><a href="#">Name</a></li>
<li><a href="#">Course Number</a></li>
<li><a href="#">Course Title</a></li>
<li><a href="#">Semester</a></li>
</ul>
</div>
<div class="address">
<h2>Address...</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="socials"><img src="image/social.png" alt="social1"></div>
</div>
</div>
</div>
</body>
</html>
services.html:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Services</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div class="container">
<div class="fullwidth">
<div class="header">
<div class="logo"><img src="image/logo.png" alt="logo1" style="width:70px; height:70px;"></div>
<div class="login"><a href="#">Login/Register</a></div>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="carrier.html">Carrier</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
</div>
<div class="slider">
<img src="image/tourism.jpeg" alt="img1">
</div>
<div class="full_page">
<div class="about">
<h1>Services</h1><br><br>
</div>
<div style="clear:both;"></div>
</div>
<div class="footer">
<div class="links">
<ul>
<li><a href="#">Name</a></li>
<li><a href="#">Course Number</a></li>
<li><a href="#">Course Title</a></li>
<li><a href="#">Semester</a></li>
</ul>
</div>
<div class="address">
<h2>Address...</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="socials"><img src="image/social.png" alt="social1"></div>
</div>
</div>
</div>
</body>
</html>
contact.html:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>contact</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div class="container">
<div class="fullwidth">
<div class="header">
<div class="logo"><img src="image/logo.png" alt="logo1" style="width:70px; height:70px;"></div>
<div class="login"><a href="#">Login/Register</a></div>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="carrier.html">Carrier</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
<div></div>
</div>
<div class="slider">
<img src="image/tourism.jpeg" alt="img1">
</div>
<div class="full_page">
<div class="about">
<h1>Contact</h1><br><br>
</div>
<div style="clear:both;"></div>
</div>
<div class="footer">
<div class="links">
<ul>
<li><a href="#">Name</a></li>
<li><a href="#">Course Number</a></li>
<li><a href="#">Course Title</a></li>
<li><a href="#">Semester</a></li>
</ul>
</div>
<div class="address">
<h2>Address...</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="socials"><img src="image/social.png" alt="social1"></div>
</div>
</div>
</div>
</body>
</html>
style.css:
@charset "utf-8";
/* CSS Document */
html{
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
color:#333;}
body{
background:#ccc;
margin:0;}
.container{
width:1000px;
margin:0 auto;
background:#fff;}
.container .fullwidth{
width:95%;
margin:0 auto !important;}
.header{
width:100%;
height:60px;
background-color:#333;
border-bottom:1px solid #c7c7c7;}
.logo{
float:left;
width:40px;
height:40px;
margin:10px;}
.login{
color:#fff;
float:right;
width:120px;
height:30px;
margin:10px;}
.login a{
text-decoration: none;
color: white;
}
/* Navigation Menu */
nav{
clear: both;
float: right;
height: 40px;}
nav ul{
color: #fff;
float: left;
margin: 0 0 0 10px;
overflow: hidden;
width: 100%;}
nav ul li{
float:left;
overflow:hidden;
margin:0 0 0 10px;}
nav ul li a{
color: #000;
display: block;
float: left;
font-size: 12px;
margin-top:10px;
/* padding: 10px 80px;*/
text-decoration: none}
nav ul li a:hover{
background-color:#028C82;
color:#fff;}
/* end Navigation menu */
.slider img{
width:100%;
height:350px;}
.full_page{
width:100%;}
.about{
width:70%;
height:auto;
float:left;}
.page{
width:100%;}
.footer{
width:100%;
background-color:#C5C2C2;}
.footer .links{
width:20%;}
.footer .links ul{
float:left;
list-style-type:none;}
.footer .links ul li a{
text-decoration:none;
font-size:12px;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
color:#626161;}
.footer .links ul li a:hover{
color:#16A2B3;}
.footer .address{
padding:20px;
margin-left:22%;
width:45%;}
.footer .address h2{
font-size:16px;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
.footer .address p{
font-size:12px;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
.footer .socials{
margin-top:-50px;
margin-left:70%;}
.footer .socials img{
height:35px;
width:200px;}
sample output:
Add Answer to:
i want to create a website for my project
. all 48% 2:02 a Expert Q&A...
Answer ASAP please Project l All assignments must be submitted as a zip file through blackboard...
Answer ASAP please
Project l All assignments must be submitted as a zip file through blackboard that contains all elements necessary (HTML, CSS, Images, etc)-I will be unzipping the files and opening them from and running them in Visual Studio Code's Live Server Using HTML and CSS, create a personal website for yourself. The purpose of this site will be to act as a home page and portal and should show off both your HTML and CSS skills along with...
NEED HELP with HTML with Javascript embedding for form validation project below. I have my code...
NEED HELP with HTML with Javascript embedding
for form validation project below. I have my code
below but I'm stuck with validation. If anyone can fix it, I'd
really appreciate.
******************************************************************************
CODE:
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project
Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
<head>
<title>Nice</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<script>
var textFromTextArea;
function getWords(){
var text =...
I'm need help in the Pacific Trails section of the assignment. I posted my chapter 2...
I'm need help in the Pacific Trails section of
the assignment. I posted my chapter 2 assignment on the bottom of
the picture. I'm using Notepad++.
This was the previous assignment: CHAPTER 2
ASSIGMENT
paste the first content to index.html file and second to
yurts.html.
First: (index.html contents are below)
<!DOCTYPE html>
<head>
<title>Pacific Trails Resorts</title>
</head>
<style>
a{
padding-right:14px; /* padding anchor tage to right
15px for nav menu */
}
</style>
<body>
<header>
<h1>Pacific Trails Resort</h1>
...
Answer ASAP please
Project l All assignments must be submitted as a zip file through blackboard that contains all elements necessary (HTML, CSS, Images, etc)-I will be unzipping the files and opening them from and running them in Visual Studio Code's Live Server Using HTML and CSS, create a personal website for yourself. The purpose of this site will be to act as a home page and portal and should show off both your HTML and CSS skills along with...
NEED HELP with HTML with Javascript embedding
for form validation project below. I have my code
below but I'm stuck with validation. If anyone can fix it, I'd
really appreciate.
******************************************************************************
CODE:
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project
Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
<head>
<title>Nice</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<script>
var textFromTextArea;
function getWords(){
var text =...
I'm need help in the Pacific Trails section of
the assignment. I posted my chapter 2 assignment on the bottom of
the picture. I'm using Notepad++.
This was the previous assignment: CHAPTER 2
ASSIGMENT
paste the first content to index.html file and second to
yurts.html.
First: (index.html contents are below)
<!DOCTYPE html>
<head>
<title>Pacific Trails Resorts</title>
</head>
<style>
a{
padding-right:14px; /* padding anchor tage to right
15px for nav menu */
}
</style>
<body>
<header>
<h1>Pacific Trails Resort</h1>
...
Most questions answered within 3 hours.
-
11.53g sample of NaBr contains 22.34% Na by mass Considering
the law of constant composition how...
asked 48 minutes ago -
Exercise 5-22A Complete the accounting cycle using receivable
transactions (LO5–1, 5–2, 5–4, 5–5, 5–7) [The following...
asked 1 hour ago -
Do you agree with the view that small businesses are more
vulnerable to employee theft because...
asked 1 hour ago -
Four forces act on an object, given by A = 41.3 N east, B = 46.3...
asked 2 hours ago -
Which of the following design considerations leads to more
user-friendly presentation layers for GUIs? [Check all...
asked 3 hours ago -
38%
of adults say cashews are their favorite kind of nut. You
randomly select 12 adults...
asked 5 hours ago -
Notational Inc. is considering installing a new server. The
machine costs $100,000 and is expected to...
asked 5 hours ago -
Given the information coding of DNA strand:
5'-TTT-TAC-GAA-GAG-TGA-3',
Write the corresponding DNA template and mRNA strand...
asked 5 hours ago -
2. Boris recently synthesized an explosive compound he named
Badenoughium. The molecular formula for Bdenoughium is...
asked 9 hours ago -
5. A car decelerate evenly from a velocity of 50mph until rest
in a distance of...
asked 9 hours ago -
IN HTML Programming
1. Write a script that inputs integers (one at a time) and
passes...
asked 9 hours ago -
A dentist uses a mirror to examine a tooth that is 0.75 cm in
front of...
asked 9 hours ago