Question

Design an original, professional web site following the specifications listed below. This web sit...

Design an original, professional web site following the specifications listed below. This web site will be for a business you plan to set up for yourself or for someone else.

The following is a detailed list of the requirements for your web site. READ them carefully.

Instructions - Web Site

Requirements for the web site:

General:

  • You will thoroughly test all your pages in more than one browser. All links MUST work. All graphics must show on the page.
  • All graphics must be visible in the browser. Be sure to clear out cache each time you work on your web site. It is possible for the site to work perfectly on your machine, yet the images not show when I view the web site.
  • Remember - Just because you can do something does not mean you should do it. Stick to the Keep It Simple principle.
  • All pages must have content on them. An empty page is not acceptable, nor is a skeleton page.
  • The site CANNOT be a list of links, nor can it be a Directory composed of a list of links
  • Use a Responsive Design, or liquid layout, that will stretch to window size
  • No horizontal scrolling
  • Minimize vertical scrolling
  • The most important information should be "above the fold" (viewable without further action)
  • Your site MUST work completely, for it to be eligible for all the points.
  • There will NOT be any spelling or grammar errors. Enlist someone to spell and grammar check your pages. Each spelling error or grammar error costs you 1 point each.

tMinimum Site page limit:

Your site MUST HAVE a minimum of 8 separate html pages. 6 of them have specific uses outlined in the list below. 2 (or more) are for you to use. YOU MUST have 8 separate HTML5 files which equate to 8 separate pages. This count of 8 pages does not include graphic files, css files or any other supporting files. You may have more pages, 8 is the MINIMUM

Coding requirements:

  • You must use HTML5
  • Use CSS3 for layout, formatting
  • Use Javascript for interactivity
  • You must use Notepad or Notepad++ or a text editor to create the site and the external style sheet(s)
  • You must follow the best practices in writing html, css and js.
  • Your site must meet the minimum WAI Quick Tips
  • You must include all the items in the Required Elements checklist
  • Follow the file naming conventions
  • Your site must be Responsive Design. The site will scale to fit on any device
  • DO NOT USE A BLACK BACKGROUND
  • DO NOT USE music, video or overuse animation.
  • DO NOT USE Flash, Shockwave, etc
  • Do NOT use contractions
  • Do Not use "Click Here" anywhere on the site. Use of Click Here is an automatic zero.
  • Do Not use "Under Construction" anywhere, in any form on the site. Use of Under Construction is an automatic zero.
  • Do not use "Welcome to our..."
  • The Title tag in the head block must change to give brief info about the page
  • Graphics must load quickly. Use small file sizes, optimize for the web. The graphics must support the site's mission
  • Set the border attribute on clickable graphics to zero
  • Use height, width, alt and title on all images
  • favicons are optional, however they must be smaller than 1K in file size
  • Do Not use strike through on any text or links.
  • Space the content out on all pages, use active and passive white space. Do not have all text in one paragraph with no attempt at organization.
  • You must use on any of the pages:
    • Use a minimum of one ordered list
    • Use a minimum of one unordered list.
    • Center at least one heading.
    • Use strong on some text.
    • Use emphasis on some text.
  • Use the p and /p tag.
  • Use the br / tag.
  • Use a page footer on all pages (see the footer on this page, for the minimum)
  • Use an external style sheet for all your h1, h2, h3, h4, h5 for font styles, colors etc. You may use as many style sheets as you need.
  • Use internal/embedded styles for page specific styles: for instance, put a grey background on a block
  • Your site must conform to good web design techniques.

Each page on the site will:

  • Your site will use the same logo on every page.
  • Include a Date created or Date Last Updated on each page
  • Include an E-mail contact name on each page
  • Include an e-mail link (full e-mail address) on each page
  • Include an e-mail graphic image on each page
  • Each page of the site will have headings using h1, h2, or h3. Use h1, h2, h3, and h4 tags appropriately
  • Consistent Navigation Tools will be used on each page (such as buttons, text, table of contents describing how to get around).
  • All links will have a title attribute
  • The pages will have a cohesive look. They will be consistent. This means the pages will all look alike.

Content pages:

  • There will be ONLY ONE home page. This will be a title page or an introductory page.
  • There MUST be a description of how this site is best viewed (what browser is best, what resolution is best) on the home page
  • There MUST be a description of the Acceptable Use Policy on the home page
  • ALL supporting pages MUST have a link back to your home page.
  • One graphic photograph will be added to the site, it may be scanned in or borrowed from the net. We have a scanners available in the computer labs.
  • The pages will use a background color not the standard browser default.
  • One page will use a background graphic or image (the design document page is best for this).
  • One clickable graphic (a graphic that is a link) will be used. And there will be text next to the graphic explaining what the link is. (The email link might be a good place for this)
  • Identify one of your links as a New link with a graphic that says "new".
  • Divider bars (hr) will be used on your pages. One standard bar (an hr tag) & one creative graphic bar (an image - check the web for ideas)
  • On one page, you will use 3 internal links (targets) on that page.
  • One link on the site will be embedded in a sentence or a paragraph. You will use this link to provide additional information about a term - a definition, an explanation.
  • One of the 7 remaining pages will be a list of links related to the business. You will provide a minimum of 10 links on this page. The links will be subdivided into at least 3 categories. The 11th link will be a text link to Mozilla's home page. The 12th link will be to Microsoft's home page.
  • 5 graphics downloaded from the net will be used on your site. These are in addition to the photograph, 'new' graphic, graphic horizontal bar and background. These graphics should support your site's content and goals
  • One of the remaining pages will be a form to be filled in by the user, either to request information or to buy something. You won't actually send the form.
  • Check boxes will be used on the form page.
  • Radio buttons will be used on the form page.
  • Input or text boxes will be used on the form page.
  • A text area box will be provided on the form page for the user to add comments.
  • Use one pull-down menu on the form page.
  • There should be a submit and reset button, even if these do not interact with anything
  • One of the remaining pages will contain a table to give information. The table must be at least 2 rows by 3 columns.
  • You must have a Site Map on the footer- this is a list of links on the web site. Optional - You could use a site map page. If you use a separate page, a link to the site map MUST be provided on each page.
  • You have 2 optional pages that you are required to use on your site. These may contain anything pertaining to your business. You may use more pages as needed.

Required Javascripts

  • JavaScripts - Add a dropdown menu to your Navigation
  • In footer, add a javascript that shows the current time in digital form - check the: htmlgoodies.earthweb.com/primers/jsp/ site for a script. You may also create your own script for use on this page.
  • Include a countdown clock script. For samples, there is a countdown clock on this page as well as the one we worked on in class.
  • Include data verification of your form entry with a Javascript.
  • On your form, include a data picker created with Javascript. See class notes, for the Chapter 7 files. We created a date picker in those files.
  • Include minimum of one Javascript of your choice.
0 0
Add a comment Improve this question Transcribed image text
Answer #1

home.html
<html>
<head>
<title>cse university</title>
<link rel="stylesheet" type="text/css" href="one.css">
</head>
<body>
<header>
<div id="toplink" align="right"><span style="padding-right:2px;"><a href="/index.htm">Home</a> | <a href="/contact.htm">Contact</a> | <a href="/feedback.htm">Feedback</a> | Email:[email protected]| </span></div>
<div id="toplink2">Follow Us : <a href="https://www.facebook.com/iitgn.official/" target="_blank"><img src="E:\WEB TECHNOLOGY\MYSITE\images\facebook.png" height="24" width="24" border="0" align="absmiddle"></a>&nbsp;<a href="https://twitter.com" target="_blank"><img src="E:\WEB TECHNOLOGY\MYSITE\images\twitter.png" height="24" width="24" border="0" align="absmiddle"></a>&nbsp;<a href="http://www.youtube.com/user/IITGN1" target="_blank"><img src="E:\WEB TECHNOLOGY\MYSITE\images\youtube.png" width="24" height="24" border="0" align="absmiddle"></a>&nbsp;<a href="https://www.linkedin.com/school/15095560/" target="_blank"><img src="E:\WEB TECHNOLOGY\MYSITE\images\linkedin.png" width="24" height="24" border="0" align="absmiddle"></a></div>
<div>
<img id="img1" src="logo/logo.png" height="150" width="150">
<img id="img2" src="E:\WEB TECHNOLOGY\images\joyofreading.jpg" height="150" width="300">
</div>

</header>
<nav id="nav1">
<ul>
<li>
<div class="dropdown">
<button class="dropbtn" onclick="myFunction()">Core Subjects
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content" id="myDropdown">
<a href="#">OS</a>
<a href="#">COA</a>
<a href="#">Database</a>
</div>
</div>
</li>
<li><a href="ds.html">DataStructure Algorithm</a></li>
<li><a href="gate.html">GATE</a></li>
<li><a href="java.html">Java</a></li>
<li><a href="webapps.html">WebApps</a></li>
<li><a href="mobileapps.html">MobileApps</a></li>
  
</ul>
  
  
</nav>
  

<aside> <ul>
<li>About Us</li>

</ul>
</aside>
<section>
  


<h5><p>
Faculty members are good they are well-experienced. They clarify the doubts immediately. We can go to their cabin or hostel to meet them. When the students are having doubts, some faculty members live in the hostel. They help us when we have problems.Teachers are very helpful and very qualified. The teaching quality is quite impressive in these years.</p><br> <p> The student to faculty ratio is around 8:1. We had an industrial visit last year, and I look forward to visiting many more industries as it was very knowledgeable and affordable. </p></h5><br>
<img src="E:\WEB TECHNOLOGY\MYSITE\images\fg.jpg" height="250" width="700">
</section>


  
<footer>
<p>Created <span id="datetime"></span></p>

<script>
var dt = new Date();
document.getElementById("datetime").innerHTML = dt.toLocaleString();
</script>

<center> © Copyright 2019, All Rights Reserved</center>
</footer>


  
<script>

function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}


window.onclick = function(e) {
if (!e.target.matches('.dropbtn')) {
var myDropdown = document.getElementById("myDropdown");
if (myDropdown.classList.contains('show')) {
myDropdown.classList.remove('show');
}
}
}
</script>
  
</body>

one.css
body {
align-content: center;
}

header {
background-color: white;
  
}
#img1 {margin-left: 300px;
margin-top: -15px;
}
#img2 {margin-left: 0px;}
h2 {}
#h4one {
font-family: fantasy;
font-size: 20px;
  
margin-left: 100px;
margin-top: -75px;
background-color: white;
}
#toplink {
margin-right: 260px;
}
#toplink2 {
margin-top: 10px;
margin-left: 882px;
}
aside {
margin-left: 260px;
  
height:400px;
width:100px;
background-color: antiquewhite;
}
section {
margin-top: -420px;
margin-left: 360px;
width: 713px;
height:400px;
background-color:white;
}
article {
background-color: blueviolet;
}
footer {
background-color:beige;
}
#nav1 {
  
margin-left: 260px;
margin-right: 260px;
height:30px;
background-color: red;
  
}
#nav2 {
  
background-color: yellow;
}
h4 {
margin-left: 100px;
margin-bottom: -px;
  
}

ul {
height:20px;

align-content:space-between;
}
li {
float: left;
height:40px;
  
margin-right: 40px;
margin-top: 4px;
}
h3 {
font:10px;
  
}

h5 {
font:15px;
font-style: oblique;
}
footer {
background: yellow;
}

.navbar {
overflow: hidden;
background-color: #333;
font-family: Arial, Helvetica, sans-serif;
}

.navbar a {
float: left;
font-size: 16px;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

.dropdown {
float: left;
overflow: hidden;
}

.dropdown .dropbtn {
cursor: pointer;
font-size: 16px;
border: none;
outline: none;
color: white;
padding: 14px 16px;
background-color: inherit;
font-family: inherit;
margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn, .dropbtn:focus {
background-color: red;
}

.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}

.dropdown-content a {
float: none;
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}

.dropdown-content a:hover {
background-color: #ddd;
}

.show {
display: block;
}

cs.html
<html>
<head>
<title>cse university</title>
<link rel="stylesheet" type="text/css" href="one.css">
</head>
<body>
<header>
<div id="toplink" align="right"><span style="padding-right:2px;"><a href="E:\WEB TECHNOLOGY\MYSITE\home.html">Home</a>
Email:[email protected]
<div>
<img id="img1" src="logo/logo.png" height="150" width="150">
<img id="img2" src="E:\WEB TECHNOLOGY\images\joyofreading.jpg" height="150" width="300">
</div>

</header>
<nav id="nav1">
<ul>
<li><a href="cs.html">Core Subjects</a></li>
<li><a href="dstc.html">DataStructure Algorithm</a></li>
<li><a href="gate.html">GATE</a></li>
<li><a href="java.html">Java</a></li>
<li><a href="webapps.html">WebApps</a></li>
<li><a href="mobapps.html">MobileApps</a></li>
  
</ul>
  
  
</nav>
  

<aside> <ul>
<li><a href="sub.html">About Us</a></li>
<li><a href="dstc.html">Staffs</a></li>
<li><a href="gate.html">Staffs</a></li>
<li><a href="java.html">Contacts</a></li>

  
</ul>
</aside>
<section>
  


<h5><p>
Faculty members are good they are well-experienced. They clarify the doubts immediately. We can go to their cabin or hostel to meet them. When the students are having doubts, some faculty members live in the hostel. They help us when we have problems.Teachers are very helpful and very qualified. The teaching quality is quite impressive in these years. The student to faculty ratio is around 8:1. We had an industrial visit last year, and I look forward to visiting many more industries as it was very knowledgeable and affordable. </p></h5>
<img src="E:\WEB TECHNOLOGY\MYSITE\images\cs.png" height="200" width="700">
</section>


  
<footer>
<p>Created <span id="datetime"></span></p>

<script>
var dt = new Date();
document.getElementById("datetime").innerHTML = dt.toLocaleString();
</script>

<center> © Copyright 2019, All Rights Reserved</center>
</footer>
  
  
  
</body>


ds.html
<html>
<head>
<title>cse university</title>
<link rel="stylesheet" type="text/css" href="one.css">
</head>
<body>
<header>
<div id="toplink" align="right"><span style="padding-right:2px;"><a href="E:\WEB TECHNOLOGY\MYSITE\home.html">Home</a> </span></div>
Email:[email protected]
<div>
<img id="img1" src="logo/logo.png" height="150" width="150">
<img id="img2" src="E:\WEB TECHNOLOGY\images\joyofreading.jpg" height="150" width="300">
</div>

</header>
<nav id="nav1">
<ul>
<li><a href="cs.html">Core Subjects</a></li>
<li><a href="dstc.html">DataStructure Algorithm</a></li>
<li><a href="gate.html">GATE</a></li>
<li><a href="java.html">Java</a></li>
<li><a href="webapps.html">WebApps</a></li>
<li><a href="mobapps.html">MobileApps</a></li>
  
</ul>
  
  
</nav>
  

<aside> <ul>
<li><a href="sub.html">About Us</a></li>
<li><a href="ds.html">Staffs</a></li>
<li><a href="gate.html">Staffs</a></li>
<li><a href="java.html">Contacts</a></li>

  
</ul>
</aside>
<section>
  


<h5><p>
Faculty members are good they are well-experienced. They clarify the doubts immediately. We can go to their cabin or hostel to meet them. When the students are having doubts, some faculty members live in the hostel. They help us when we have problems.Teachers are very helpful and very qualified. The teaching quality is quite impressive in these years. The student to faculty ratio is around 8:1. We had an industrial visit last year, and I look forward to visiting many more industries as it was very knowledgeable and affordable. </p></h5>
<img src="E:\WEB TECHNOLOGY\MYSITE\images\ds.jpg" height="200" width="700">
</section>


  
<footer>
<p>Created <span id="datetime"></span></p>

<script>
var dt = new Date();
document.getElementById("datetime").innerHTML = dt.toLocaleString();
</script>

<center> © Copyright 2019, All Rights Reserved</center>
</footer>
  
  
  
</body>


gate.html
<html>
<head>
<title>cse university</title>
<link rel="stylesheet" type="text/css" href="one.css">
</head>
<body>
<header>
<div id="toplink" align="right"><span style="padding-right:2px;"><a href="E:\WEB TECHNOLOGY\MYSITE\home.html">Home</a>
Email:[email protected]
</div>

<img id="img1" src="logo/logo.png" height="150" width="150">
<img id="img2" src="E:\WEB TECHNOLOGY\images\joyofreading.jpg" height="150" width="300">
</div>

</header>
<nav id="nav1">
<ul>
<li><a href="cs.html">Core Subjects</a></li>
<li><a href="dstc.html">DataStructure Algorithm</a></li>
<li><a href="gate.html">GATE</a></li>
<li><a href="java.html">Java</a></li>
<li><a href="webapps.html">WebApps</a></li>
<li><a href="mobapps.html">MobileApps</a></li>
  
</ul>
  
  
</nav>
  

<aside> <ul>
<li><a href="sub.html">About Us</a></li>
<li><a href="dstc.html">Staffs</a></li>
<li><a href="gate.html">Staffs</a></li>
<li><a href="java.html">Contacts</a></li>

  
</ul>
</aside>
<section>
  


<h5><p>
Faculty members are good they are well-experienced. They clarify the doubts immediately. We can go to their cabin or hostel to meet them. When the students are having doubts, some faculty members live in the hostel. They help us when we have problems.Teachers are very helpful and very qualified. The teaching quality is quite impressive in these years. The student to faculty ratio is around 8:1. We had an industrial visit last year, and I look forward to visiting many more industries as it was very knowledgeable and affordable. </p></h5>
<img src="E:\WEB TECHNOLOGY\MYSITE\images\gate.png" height="200" width="700">
</section>


  
<footer>
<p>Created <span id="datetime"></span></p>

<script>
var dt = new Date();
document.getElementById("datetime").innerHTML = dt.toLocaleString();
</script>

<center> © Copyright 2019, All Rights Reserved</center>
</footer>
  
  
  
</body>

java.html
<html>
<head>
<title>cse university</title>
<link rel="stylesheet" type="text/css" href="one.css">
</head>
<body>
<header>
<div id="toplink" align="right"><span style="padding-right:2px;"><a href="E:\WEB TECHNOLOGY\MYSITE\home.html">Home</a> </span></div>
Email:[email protected]
<div>
<img id="img1" src="logo/logo.png" height="150" width="150">
<img id="img2" src="E:\WEB TECHNOLOGY\images\joyofreading.jpg" height="150" width="300">
</div>

</header>
<nav id="nav1">
<ul>
<li><a href="cs.html">Core Subjects</a></li>
<li><a href="dstc.html">DataStructure Algorithm</a></li>
<li><a href="gate.html">GATE</a></li>
<li><a href="java.html">Java</a></li>
<li><a href="webapps.html">WebApps</a></li>
<li><a href="mobapps.html">MobileApps</a></li>
  
</ul>
  
  
</nav>
  

<aside> <ul>
<li><a href="sub.html">About Us</a></li>
<li><a href="dstc.html">Staffs</a></li>
<li><a href="gate.html">Staffs</a></li>
<li><a href="java.html">Contacts</a></li>

  
</ul>
</aside>
<section>
  


<h5><p>
Faculty members are good they are well-experienced. They clarify the doubts immediately. We can go to their cabin or hostel to meet them. When the students are having doubts, some faculty members live in the hostel. They help us when we have problems.Teachers are very helpful and very qualified. The teaching quality is quite impressive in these years. The student to faculty ratio is around 8:1. We had an industrial visit last year, and I look forward to visiting many more industries as it was very knowledgeable and affordable. </p></h5>
<img src="E:\WEB TECHNOLOGY\MYSITE\images\java.png" height="200" width="700">
</section>


  
<footer>
<p>Created <span id="datetime"></span></p>

<script>
var dt = new Date();
document.getElementById("datetime").innerHTML = dt.toLocaleString();
</script>

<center> © Copyright 2019, All Rights Reserved</center>
</footer>
  
  
  
</body>

webapps.html
<html>
<head>
<title>cse university</title>
<link rel="stylesheet" type="text/css" href="one.css">
</head>
<body>
<header>
<div id="toplink" align="right"><span style="padding-right:2px;"><a href="E:\WEB TECHNOLOGY\MYSITE\home.html">Home</a> </span></div>
Email:[email protected]
<div>
<img id="img1" src="logo/logo.png" height="150" width="150">
<img id="img2" src="E:\WEB TECHNOLOGY\images\joyofreading.jpg" height="150" width="300">
</div>

</header>
<nav id="nav1">
<ul>
<li><a href="cs.html">Core Subjects</a></li>
<li><a href="dstc.html">DataStructure Algorithm</a></li>
<li><a href="gate.html">GATE</a></li>
<li><a href="java.html">Java</a></li>
<li><a href="webapps.html">WebApps</a></li>
<li><a href="mobapps.html">MobileApps</a></li>
  
</ul>
  
  
</nav>
  

<aside> <ul>
<li><a href="sub.html">About Us</a></li>
<li><a href="dstc.html">Staffs</a></li>
<li><a href="gate.html">Staffs</a></li>
<li><a href="java.html">Contacts</a></li>

  
</ul>
</aside>
<section>
  


<h5><p>
Faculty members are good they are well-experienced. They clarify the doubts immediately. We can go to their cabin or hostel to meet them. When the students are having doubts, some faculty members live in the hostel. They help us when we have problems.Teachers are very helpful and very qualified. The teaching quality is quite impressive in these years. The student to faculty ratio is around 8:1. We had an industrial visit last year, and I look forward to visiting many more industries as it was very knowledgeable and affordable. </p></h5>
<img src="E:\WEB TECHNOLOGY\MYSITE\images\java.png" height="200" width="700">
</section>


  
<footer>
<p>Created <span id="datetime"></span></p>

<script>
var dt = new Date();
document.getElementById("datetime").innerHTML = dt.toLocaleString();
</script>

<center> © Copyright 2019, All Rights Reserved</center>
</footer>
  
  
  
</body>
mobileapps.html
<html>
<head>
<title>cse university</title>
<link rel="stylesheet" type="text/css" href="one.css">
</head>
<body>
<header>
<div id="toplink" align="right"><span style="padding-right:2px;"><a href="E:\WEB TECHNOLOGY\MYSITE\home.html">Home</a> </span></div>
Email:[email protected]
<div>
<img id="img1" src="logo/logo.png" height="150" width="150">
<img id="img2" src="E:\WEB TECHNOLOGY\images\joyofreading.jpg" height="150" width="300">
</div>

</header>
<nav id="nav1">
<ul>
<li><a href="cs.html">Core Subjects</a></li>
<li><a href="dstc.html">DataStructure Algorithm</a></li>
<li><a href="gate.html">GATE</a></li>
<li><a href="java.html">Java</a></li>
<li><a href="webapps.html">WebApps</a></li>
<li><a href="mobapps.html">MobileApps</a></li>
  
</ul>
  
  
</nav>
  

<aside> <ul>
<li><a href="sub.html">About Us</a></li>
<li><a href="dstc.html">Staffs</a></li>
<li><a href="gate.html">Staffs</a></li>
<li><a href="java.html">Contacts</a></li>

  
</ul>
</aside>
<section>
  


<h5><p>
Faculty members are good they are well-experienced. They clarify the doubts immediately. We can go to their cabin or hostel to meet them. When the students are having doubts, some faculty members live in the hostel. They help us when we have problems.Teachers are very helpful and very qualified. The teaching quality is quite impressive in these years. The student to faculty ratio is around 8:1. We had an industrial visit last year, and I look forward to visiting many more industries as it was very knowledgeable and affordable. </p></h5>
<img src="E:\WEB TECHNOLOGY\MYSITE\images\java.png" height="200" width="700">
</section>


  
<footer>
<p>Created <span id="datetime"></span></p>

<script>
var dt = new Date();
document.getElementById("datetime").innerHTML = dt.toLocaleString();
</script>

<center> © Copyright 2019, All Rights Reserved</center>
</footer>
  
  
  
</body>

Add a comment
Answer #2

o indexhtmlx DOCTYPE html> 2<html lang-en> 4 chead> Cmeta charset-UTF-8 meta name-description content-> <meta http-equ

I Agent List Area Start <div class-rehones-agent-list-area section-padding-108-68> 142 <div class-container <div class-r

oabout.html Х 148 About Us Area Start <section class-about-us-area section-padding-180-60 <div class-container div class-

bloghtml x !-***Blog Area Start ****- cdiv class-rehomes-news-area section-padding-188-8 140 142 div class-container> <div

blog.html x 224 < Single Blog Post Area --> <div class-single-blog-post-area wow fadeInUp data-wow-delay- 288ms 226 -Post

o contoct.htmx 139 146 141 !**Contact Area Start section class-rehones-support-and-contact-area section-padding-88-8 <div c

contact.htmi * 163 </div> 164 Support Area Content -- div class-support-area-content d-flex align-items-center wow fade InUp

properties detai!html X () 128 121 122 123 124 125 * Properties Hero Area Start div class-properties-hero-area d-flex flex-w

single-blog.htmí x I-Single Recent Post - <div class-single-recent-post d-flex align-items-center > 359 361 < !-- Thumt》 --

orent.htmiX 249 250 251 c!*** Sale area Start xx> section class-rehone-house-sale-area section-padding-88) div class-conta

renthtm! X Single Property Area div class-col-12 col-nd-6 col-1g-4 <div class-single-property-area wow fadeInUp data-wow-d

o rent.htmi 7e5 pci class-fa fa-nap-marken aria-hidden-truex/i> GA 125, Newyork/p> </div> !--Seller -- <div class-proper

s gulpflejs 1 const gulp require(gulp); 2 const concat require( gulp-concat) SHove 3S Files to sre/js 8 gulp.task(js, func

s guipfilejsx .pipe(concat( rehomes.bundle.js)) pipe(gulp.dest(./src/js/)) 52 57 I Move Font Awesome Fonts to src/fonts 58 1

Add a comment
Know the answer?
Add Answer to:
Design an original, professional web site following the specifications listed below. This web sit...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

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
  • Create a website on a topic of your choosing. Site should include the following: Design: Site...

    Create a website on a topic of your choosing. Site should include the following: Design: Site Map (Task 7) Page-layout for each page (Task 8) Homepage . . o Title o Navigation Links o Footer o Minimum of 1 graphic 4 additional pages that are linked to home page o o o Navigation Links (link back to homepage) Minimum of 1 graphic per page Footer (matching homepage) CSS should be used for formatting visual aspects of site. Use either external...

  • Complete a SIX webpage using notepad or notepad++ about your favorite hobby that contains the following:...

    Complete a SIX webpage using notepad or notepad++ about your favorite hobby that contains the following: The project should include the following pages: home page form page 4 or more additional pages to render complete coverage a site map – three levels or more (not included in the page count) The pages should contain: a two- or three-column layout CSS must be used for layout one external CSS file will contain formatting for the site (the bulk of css goes...

  • Different answer beside the existing one Create a web site (set of web pages) for a...

    Different answer beside the existing one Create a web site (set of web pages) for a zoo. The following requirements must be met: 1. The home page must have an image map with 2 hot spots. One of the hot spots must be a circle shape; the other must be a polygon shape. The example output home page image map has 4 hot spots (3 circles and 1 polygon). Your image map must be based on a real zoo map....

  • Creating the Home and Template Pages Overview In this assignment, you will start building your Web...

    Creating the Home and Template Pages Overview In this assignment, you will start building your Web site for your fictional organization by creating a homepage using HTML5 and some of the key elements that define a Web page. You are required to use either a simple text editor to write your code, or an enhanced text editor such as Brackets. Note: Microsoft Word is not a good tool for developing code because it is a document processor and not a...

  • For milestone #1, we will start the CARIT site with three static HTML pages and a...

    For milestone #1, we will start the CARIT site with three static HTML pages and a CSS file. Create a dedicated folder for this project. This folder should contain all related files in this project. The future milestones are cumulative and built directly on top of your prior work. Function/content requirements: A home page named “index.html”, which include these contents at least: Description of the center. You may reference the example sites. Latest news: use list tags; make up some...

  • i need help with this homework webpage and code too: The webpage must include: Global Structure...

    i need help with this homework webpage and code too: The webpage must include: Global Structure Tags Text Tags Images   Your first page must be named index.html Include a table within your site, challenge yourself to add a header in the table, and choose interesting border and/or cell formatting. Include a hyperlink within your site. Include an image in your site. Include a form in your site to demonstrate understanding of a variety of form components (the form does not...

  • Could you create a website based on html and css? Details in the below: Note: You...

    Could you create a website based on html and css? Details in the below: Note: You can put link that I can download that folder Based on Project 2-1, do the necessary changes to have a webpage structure of a header, main, and footer sections. Then: •Set the width of the page to 700px •Use the font family starting with Verdana •Move one of the images from your Project 2-1 to the header. •Set the width of the header image...

  • This is your opportunity to be creative! You are required to create a minimum of two...

    This is your opportunity to be creative! You are required to create a minimum of two HTML pages. The first required web page is your Home Page, which is about you. The second web page describes a place to which you have traveled or would like to travel. Each of your web pages will be graded for content, creativity, and for appropriate use of the HTML statements that have been discussed in class. You must use a text editor and...

  • You are planning to build a Web Site for a fictitious local organization or charity. The...

    You are planning to build a Web Site for a fictitious local organization or charity. The website should allow the visitor to subscribe to a newsletter (simulated), present past newsletters, and view images related to the organization or efforts. You need to complete the entire design phase and then implement the Web application. Please create the Word document and answer the following questions: Identify the goal of the website: Who are the end users? Why do you need to have...

  • 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....

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
ADVERTISEMENT