Hello, I was wondering if you could possibly think of ways to improve my home page then I would like you to do so. I know it could be better. Thank you.
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,
initial-scale=1">
<title>Untitled Document</title>
<!-- Bootstrap -->
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<!-- jQuery library -->
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<link href="style.css" rel="stylesheet"
type="text/css">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<header>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle"
data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Lakeside Resort
Spot</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a
href="#">Home</a></li>
<li><a href="#">Rooms</a></li>
<li><a href="#">Activity</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown"
href="#">Activity
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Indoor</a></li>
<li><a href="#">Outdoor</a></li>
</ul>
</li>
<li><a href="#">Dining</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><span class="user"></span>
Sign Up</a></li>
<li><a href="#"><span
class="log-in"></span> Login</a></li>
</ul>
</div>
</div>
</nav>
</header>
<br/>
<br/>
<div class="container">
<div id="headerContent">
<video poster="" autoplay="true" loop>
<source src="assets/br.mp4" type="video/mp4">
</video>
</div>
<br/>
<div class="row">
<div class="col-md-6">
<img width="400px" src="assets/pool-relaxation.jpg"
alt="relaxation" <br>
<p> For a limited time you can include 1 guest to your plan
for a small fee.
Do you want someone you care about to come with you to our resort
without breaking the bank.
Then hurry up and book a guest now! </p>
<br>
<a href="#"><button class="btn btn-success">Book Now
For Guest</button></a>
</div>
<div class="col-md-6">
<img width="400px" src="assets/award.jpg" alt="rewards"
/>
<p> Do you like our resort?
Have you spent several nights here and wondered if you could get
anything free by doing so?
Then check our awards program to learn how to get free nights and
much more! </p>
<a href="#"><button class="btn btn-success">Awards
Program</button></a>
</div>
</div>
<br/>
<hr/>
<footer>
<div class="social">
<b>be social</b> <br>
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-instagram"></a>
</div>
<address>
Contact Us <br>
72 Lake Blvd, Middletown, NJ 07748 <br>
<a href="tel:+1732-973-0974"> 732-973-0974</a>
<br>
<a
href="mailto:[email protected]">[email protected]</a>
<br>
</address>
</footer>
</div>
</body>
</html>
style.css
@charset "utf-8";
body header nav li {
list-style-type: none;
}
.fa {
padding: 20px;
font-size: 30px;
width: 50px;
text-align: center;
text-decoration: none;
}
.fa:hover {
opacity: 0.7;
}
/* Facebook */
.fa-facebook {
background: #3B5998;
color: white;
}
/* Twitter */
.fa-twitter {
background: #55ACEE;
color: white;
}
/* Instagram */
.fa-instagram {
background: #F32B2B;
color: white;
}
#headerContent {
width: 100%;
height: 80%;
overflow: hidden;
position: relative;
}
video {
position: inherit;
min-width: 100%;
overflow: hidden;
z-index: -1;
}
.social {
float: left;
}
address {
float: right;
}
footer {
background-color: rgba(191,191,191,1.00);
}
.navbar.navbar-inverse {
position: fixed;
width: 100%;
}
button {
clear: both;
margin-right: 1000px;
}
.relaxation {
float: left;
width: 33.33%;
padding: 5px;
}
.rewards {
float: left;
width: 33.33%;
padding: 5px;
}
.btn {
position: absolute;
top: 50%;
left: 25%;
}
video {
width: 100%;
height: auto;
}
p {
width: 400px;
text-align: justify;
}
For a Imted timc you can Includc 1 guest to your plan for a small fea. Do you want someone you care about to come with you to our resort without breaking the bank. Then hurry up and bcok a guest nowi Do you liike our resort? Havc YoU spcnt seeral nights herc and wondered it you couid get anything free by doing so? Then check our awards program to learn how to get tree rights and much morel Contaci Us be social 732-973-0974 nto rlakesida.com
Homework Answers
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,
initial-scale=1">
<title>Untitled Document</title>
<!-- Bootstrap -->
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<!-- jQuery library -->
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<link href="style.css" rel="stylesheet"
type="text/css">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<header>
<nav class="navbar navbar-inverse" style="z-index:
9999;">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle"
data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Lakeside Resort
Spot</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a
href="#">Home</a></li>
<li><a href="#">Rooms</a></li>
<li><a href="#">Activity</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown"
href="#">
Activity
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#">Indoor</a></li>
<li><a href="#">Outdoor</a></li>
</ul>
</li>
<li><a href="#">Dining</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><span class="user"></span>
Sign Up</a></li>
<li><a href="#"><span
class="log-in"></span> Login</a></li>
</ul>
</div>
</div>
</nav>
</header>
<div class="container">
<div class="row" id="headerContent">
<video poster="" autoplay="true" loop>
<source src="video/Sail-Away.mp4" type="video/mp4">
</video>
</div>
<div class="row">
<div class="col-md-6">
<img width="100%" src="img.png" alt="relaxation" />
<p>
For a limited time you can include 1 guest to your plan for a small
fee.
Do you want someone you care about to come with you to our resort
without breaking the bank.
Then hurry up and book a guest now!
</p>
<a href="#" ><button class="btn btn-success
pull-right">Book Now For Guest</button></a>
</div>
<div class="col-md-6">
<img width="100%" src="img.png" alt="rewards" />
<p>
Do you like our resort?
Have you spent several nights here and wondered if you could get
anything free by doing so?
Then check our awards program to learn how to get free nights and
much more!
</p>
<a href="#"><button class="btn btn-success
pull-right">Awards Program</button></a>
</div>
</div>
<hr />
<footer>
<div class="social">
<b>be social</b> <br>
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-instagram"></a>
</div>
<address>
Contact Us <br>
72 Lake Blvd, Middletown, NJ 07748 <br>
<a href="tel:+1732-973-0974"> 732-973-0974</a>
<br>
<a
href="mailto:[email protected]">[email protected]</a>
<br>
</address>
</footer>
</div>
</body>
</html>
----------------------------------------------------------------------
style.css
@charset "utf-8";
body header nav li {
list-style-type: none;
}
.fa {
padding: 20px;
font-size: 30px;
width: 50px;
text-align: center;
text-decoration: none;
}
.fa:hover {
opacity: 0.7;
}
/* Facebook */
.fa-facebook {
background: #3B5998;
color: white;
}
/* Twitter */
.fa-twitter {
background: #55ACEE;
color: white;
}
/* Instagram */
.fa-instagram {
background: #F32B2B;
color: white;
}
#headerContent {
width: 100%;
height: 80%;
overflow: hidden;
position: relative;
}
video {
position: inherit;
min-width: 100%;
overflow: hidden;
z-index: -1;
}
.social {
float: left;
}
address {
float: right;
}
footer {
background-color: rgba(191,191,191,1.00);
}
.navbar.navbar-inverse {
position: fixed;
width: 100%;
}
button {
clear: both;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.relaxation {
float: left;
width: 33.33%;
padding: 5px;
}
.rewards {
float: left;
width: 33.33%;
padding: 5px;
}
.btn {
position: relative;
}
video {
width: 100%;
height: auto;
}
p {
width: auto;
text-align: justify;
padding: 30px;
}
a:focus, a:hover {
color: white;
text-decoration: underline;
}
Add Answer to:
Hello, I was wondering if you could possibly think of ways to improve my home page then I would l...
Please edit and add all the code needed to make the images side by side and to put the buttons in...
Please edit and add all the code needed to make the images side
by side and to put the buttons in the middle of the images. Thank
you
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible"
content="IE=edge">
<meta name="viewport" content="width=device-width,
initial-scale=1">
<title>Untitled Document</title>
<!-- Bootstrap -->
<link href="css/bootstrap-4.0.0.css"
rel="stylesheet">
<link href="style.css" rel="stylesheet"
type="text/css">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-light
bg-light"> <a class="navbar-brand" href="#">Lakeside
Resort Spot</a>
<button class="navbar-toggler"
type="button" data-toggle="collapse"
data-target="#navbarSupportedContent1"
aria-controls="navbarSupportedContent1" aria-expanded="false"
aria-label="Toggle navigation">...
I cant seem to get the CSS at the bottom of this HTML to work. <!doctype...
I cant seem to get the CSS at the bottom of this HTML to work. <!doctype html> <html lang="en"> <head> <!--Madison McCuiston--> <meta charset="utf-8"> <title>Amelie Boulangerie</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="wrapper"> <header>Amelie Boulangerie</header> <!-- change this to header tag --> <nav> <ul> <li><a href="index.html">Home</a></li> <li><a href="pastries.html">Pastries</a></li> <li><a href="events.html">Events</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> <main> <H2>Experience the Difference</H2> <p><span class="bakery">Amelie Boulangerie</span> is the master of flavor combinations.The jewel-colored macarons come in the most tempting of flavors. Experience the difference...
Path of Light Yoga Chapter 7 Please help!! Here is my code for the index page:...
Path of Light Yoga Chapter 7
Please help!!
Here is my code for the index page:
<html lang="en">
<head>
<title>Path of Light Yoga Studio</title>
<link rel="stylesheet" href="yoga.css" />
</head>
<body>
<div id="wrapper">
<header>
<h1>Path of Light Yoga Studio</h1>
</header>
<nav>
<a href="index.html">Home</a>
<a href="classes.html">Classes</a>
<a href="schedule.html">Schedule</a>
<a href="contact.html">Contact</a>
</nav>
<main>
<img class="floatleft" src="yogadoor2.jpg" alt="yogadoor2"
height="300px" width="250px">
<h2>Find Your Inner Light</h2>
<p>
Path of Light Yoga Studio provides all levels of yoga practice
in a tranquil, peaceful environment....
Hello Ive been tryting to add the CDN of jquery to my html code and I...
Hello Ive been tryting to add the CDN of jquery to my html code and I keep getting an error Need help with this : Navigate to www.code.jquery.com in your Chrome browser. On this page, you'll find different stable versions of jQuery. Select uncompressed for jQuery Core 3.3.1. Copy the <script> tag that is given to you. In store_hours.html, paste that tag directly above your body's closing tag. This is the jQuery CDN. After you paste this code into...
Hello! I am to create a .js file that allows the paragraph on the bottom of...
Hello! I am to create a .js file that allows the paragraph on the bottom of the page to update with what the user enters. I need to modify the given HTML to recognize the javascript file that I am to make from scratch. The HTML file and other details are below: Use the given HTML to add functionality to an interactive form that generates an invitation to volunteers for an event. The file will have the following invitation message...
Hello, I am designing a website for my class. I am using HTML/CSS/Jscript. I need to...
Hello, I am designing a website for my class. I am using HTML/CSS/Jscript. I need to have my text in the body, white. All text and the picture centered but how do I have margins on the left and right side?. I have a figcaption and I dont know have to place it under the picture but I am having a hard time. Can you help me? Thank you! HTML <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet"...
Kindly assist in fixing the error i got when I pasted my codes to validate it....
Kindly assist in fixing the error i got when I pasted my codes to validate it. The error is in bold. Error: Table column 2 established by element th has no cells beginning in it. From line 53, column 25; to line 55, column 40 <tr> <th colspan="2"> <!DOCTYPE HTML> <html lang="en"><!-- language is English--> <head> <meta charset="utf-8"/> <title>DA Website</title> <link rel="stylesheet" type="text/css" href="styles.css" /> </head> <body> <div id="wrapper"> <!-- start html...
I need help, I have my page set up, I just need help with some aesthetics,...
I need help, I have my page set up, I just need help with some aesthetics, and getting the clear button to work, and get a popup when they click submit that says success along as all fields are filled out correctly. Any help would be fantastic. <html lang="en"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="styleSheet.css" /> <title>2020-2021 Student-Athlete Registration Form - Weber State University</title> </head> <body> <header> <h1>WEBER STATE UNIVERSITY</h1> </header> <div class="link"> <ul> <li><a href="page 1.html"><span class="text">Home</span></a></li> </ul> </div>...
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>
...
the is my HTML and CSS code. I didn't attach the image or the CSS file...
![](https://youtu.be/sqyNqxbCfO8"> video link for
"drip too hard" </a> <!-- This line of code is for a link
--></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></p></td>
</tr>
<tr>
<td></td>
<td><!-- This line of code for insertion of images for the page
--></td>
</tr>
<tr>
<td></td>
<td><img src="hip.jpg)
the is my HTML and CSS code. I didn't attach the image or the
CSS file because of the space limit.
two things I wanted to incorporate on this page are to make "MY
TOP 3 MUSIC GENRES" blink using javascript and to make the video
links autoplay using javascript
both should be using javascript
requirement: our professor told us not to use <div> or
alert.
thank you for your help
<!DOCTYPE html>
<!-- I used w3school for the formatting...
Please edit and add all the code needed to make the images side
by side and to put the buttons in the middle of the images. Thank
you
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible"
content="IE=edge">
<meta name="viewport" content="width=device-width,
initial-scale=1">
<title>Untitled Document</title>
<!-- Bootstrap -->
<link href="css/bootstrap-4.0.0.css"
rel="stylesheet">
<link href="style.css" rel="stylesheet"
type="text/css">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-light
bg-light"> <a class="navbar-brand" href="#">Lakeside
Resort Spot</a>
<button class="navbar-toggler"
type="button" data-toggle="collapse"
data-target="#navbarSupportedContent1"
aria-controls="navbarSupportedContent1" aria-expanded="false"
aria-label="Toggle navigation">...
Path of Light Yoga Chapter 7
Please help!!
Here is my code for the index page:
<html lang="en">
<head>
<title>Path of Light Yoga Studio</title>
<link rel="stylesheet" href="yoga.css" />
</head>
<body>
<div id="wrapper">
<header>
<h1>Path of Light Yoga Studio</h1>
</header>
<nav>
<a href="index.html">Home</a>
<a href="classes.html">Classes</a>
<a href="schedule.html">Schedule</a>
<a href="contact.html">Contact</a>
</nav>
<main>
<img class="floatleft" src="yogadoor2.jpg" alt="yogadoor2"
height="300px" width="250px">
<h2>Find Your Inner Light</h2>
<p>
Path of Light Yoga Studio provides all levels of yoga practice
in a tranquil, peaceful environment....
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.
-
For the reaction
2H2O(g)−⇀↽−2H2(g)+O2(g)2H2O(g)↽−−⇀2H2(g)+O2(g)
the equilibrium
concentrations were found to be [H2O]=0.250 M,[H2O]=0.250 M,
[H2]=0.490 M,[H2]=0.490...
asked 2 minutes ago -
If Smoking Generates External Costs, Should Smoking
Simply be Outlawed? How about Cars that Pollute?
asked 3 minutes ago -
A cyclotron is used to produce a beam of high-energy deuterons
that then collide with a...
asked 5 minutes ago -
Looking at market data, you find out that the current risk-free
rate is 3.9%, the expected...
asked 13 minutes ago -
C LANGUAGE!!!
The program uses both files and two dimensional arrays.
The Problem Statement
Business is...
asked 17 minutes ago -
A 2.912 g sample of a compounds containing only C, H, and O was
completely oxidized...
asked 15 minutes ago -
Consider a variation of Merge sort called 4-way Merge sort.
Instead of splitting the array into...
asked 17 minutes ago -
Suppose that Jason manages a risky portfolio with an expected
return of 15% and a standard...
asked 21 minutes ago -
The
price for product A increases from $20 to $23. The quantity
demanded for product B...
asked 22 minutes ago -
The rate constant for this second‑order reaction is 0.300
M−1⋅s−1
at 300 degrees C.
A⟶products
How...
asked 24 minutes ago -
3. United airlines fares from Chicago to New York is as
follows:
Mon Tue Wed Thurs...
asked 42 minutes ago -
Dedmon Co. , whose fiscal year ends December 31, borrowed
$20,400 on September 1, 2016, issuing...
asked 44 minutes ago