My Home C13310 Website and, Jason Clark This assignment will assess competencies
ID: 3572921 • Letter: M
Question
My Home C13310 Website and, Jason Clark This assignment will assess competencies 1. Demonstrate working knowledge of web development technology, 2. Produce functional and modern web site and 6. Develop with industry standard web design and development Directions: This assignment will be based on the following scenario about Bob's small Time Grocery: Background: Bob's small Time Grocery has sent a request for proposal (RFP) for designing a simple website for their business. They are unsure what they want, but they do not want to pay for more than 3 pages. They also want to see samples of styling using their company colors: green (#00FF48) and red (#FF0000). You must provide a proposal that focuses on providing value to the customer instead of promoting your business. You must also provide a styled page with examples of headings, a form, For this assignment, you will provide a web site development proposal with three (3) proposed web pages that will be most valuable to the customer needs. This proposal should be written in a professional tone since you are communicating with a potential customer. You will also create a sample styling page for the customer using your account at CodePly. Colors for the styling page are provided in Styling Page Components. NOTE: You cannot Fork the CodePly created in LPI Learning Activities so you must create a new page for LP1 Assignment. Writing Guidelines: Prepare a web site development proposal that will be 2.3 pages in length (not including a title page) Use a "12" point font (Arial or Times New Roman) Use single-spaced lines instead of double-spaced Use APA style citations for any referenc Cite any information referenced from anotheExplanation / Answer
Hi,
Codeply is just an online code editor which is integrated with frameworks in order to make the process of web development more easy.
An example is as follows
Please save it in 3 files :
Index.html
<!DOCTYPE html >
<!-- This Project contains more than what you asked for in the questiion. Its all implemented and all the requirements are met.But you will have to
change the content a little bit according to your needs. regards. -->
<html>
<head>
<title> website Proposal </title>
<!-- All the CSS related styles are implemented here in Styles Tag -->
<style>
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.google.com/sr?family=Times+New+Roman+OS&token=MT');
header{
background-color: #00b232;
text-align:center;
}
Footer{
background-color: #00b232;
font-size:12px;
text-align:center;
font-family: sans-serif;
}
p{
font-family: 'Times New Roman', Times, serif;
background-color: #B20000;
}
h3,h1,h2,h4,h5,h6{
font-family: TimesNewRoman ,Times New Roman ,Times,Baskerville,Georgia ,serif ;
}
body{
font-family: sans-serif;
font-size:12px;
background-color: #B20000;
}
</style>
</head>
<body>
<header>
<h1> <center> Website Proposal </center> </h1>
<h4> prepared by : <b> Your Name </b> ( <i> youremail@email.com </i> ) <b align = "right"> Prepared For : Bob's small time Grocery </b></h4>
</header>
<div id="intro">
<h3> Introduction </h3> <br>
<p>
We would like to thank you for showing the interest in this association of website creation. Our company is one of the leading
website designers of the market.
some of the benefits of website creation are
<ul>
<li> It extends your Reach </li>
<li> It will make your business grow </li>
<li> It is a beginning of your online presence </li>
</ul>
</p>
</div>
<div id="Timeline">
<b>Timeline </b> <br>
<p>
<ul>
<li>By 10th -- > Project Started</li>
<li> By 15th --> 1st demo presented</li>
<li> By 20th --> Project Delivered (In maintenance phase) </li>
</ul>
</p>
</div>
<!--This Site Contain 3 Pages Index, Heading, form -->
<div id="Deliverables">
<b> Deliverables </b> <br>
<p>
We will be delivering 3 pages
<ul>
<li> <a href="header.html"> Heading </a></li>
<li> <a href="form.html"> InputForm </a> </li>
</ul>
</p>
</div>
<div id="Estimates">
<b> Estimates </b> <br>
<p>
The estimated cost for this Project is $5000.
</p>
</div>
<div id="References">
<b>References </b> <br>
<p>
Following are the refences used
<ul>
<li> <a href="www.chegg.com"> Chegg </a> </li> <!-- Due to chegg's policy i cant proide you with external links -->
</ul>
</p>
</div>
<footer>
<div>
<marquee> copyright 2016 || All Rights reserved</marquee>
</div>
</footer>
</body>
</html>
form.html
<!DOCTYPE html>
<html>
<head>
<!-- All the CSS related styles are implemented here in Styles Tag -->
<style>
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
h1,h2,h3,h4,h5,h6{
color: #00b232;
text-align:center;
}
body{
font-family: sans-serif;
font-size:12px;
background-color: #B20000;
}
</style>
</head>
<body>
<form action="noaction.php">
First name:<br>
<input type="text" name="firstname" value="random">
<br>
Comment :<br>
<textarea> </textarea>
<br><br>
<select>
<option>Male</option>
<option>Female</option>
<option>Other</option>
</select>
<input type="submit" value="Submit">
</form>
</body>
</html>
header.html
<!DOCTYpe html >
<html>
<head>
<title> website Proposal </title>
<!-- All the CSS related styles are implemented here in Styles Tag -->
<style>
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
h1,h2,h3,h4,h5,h6{
color: #00b232;
text-align:center;
}
body{
font-family: sans-serif;
font-size:12px;
background-color: #B20000;
}
</style>
</head>
<body>
<h1> Heading </h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In posuere, ligula sed mollis faucibus, dui nulla mattis dolor, a pulvinar sapien dui ac augue. Aenean eget arcu gravida, tincidunt tortor vel, tempus sem. Suspendisse ultrices ligula ut ligula cursus tempor. Sed tempus maximus est, eu ornare nibh placerat in. Fusce pulvinar volutpat purus nec mattis. Phasellus lacus sem, elementum vel semper non, facilisis non turpis. Etiam tempus rutrum nulla vel congue. Nulla commodo vehicula tempor. In accumsan id nisi id viverra. Duis tempor nulla orci, at feugiat erat sollicitudin sed. Aenean non eros hendrerit, fermentum tellus eu, fermentum eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisis, massa in cursus auctor, eros lectus cursus libero, sit amet lacinia urna neque quis lectus.
</p>
<h2> Heading </h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In posuere, ligula sed mollis faucibus, dui nulla mattis dolor, a pulvinar sapien dui ac augue. Aenean eget arcu gravida, tincidunt tortor vel, tempus sem. Suspendisse ultrices ligula ut ligula cursus tempor. Sed tempus maximus est, eu ornare nibh placerat in. Fusce pulvinar volutpat purus nec mattis. Phasellus lacus sem, elementum vel semper non, facilisis non turpis. Etiam tempus rutrum nulla vel congue. Nulla commodo vehicula tempor. In accumsan id nisi id viverra. Duis tempor nulla orci, at feugiat erat sollicitudin sed. Aenean non eros hendrerit, fermentum tellus eu, fermentum eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisis, massa in cursus auctor, eros lectus cursus libero, sit amet lacinia urna neque quis lectus.
</p>
<h3> Heading </h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In posuere, ligula sed mollis faucibus, dui nulla mattis dolor, a pulvinar sapien dui ac augue. Aenean eget arcu gravida, tincidunt tortor vel, tempus sem. Suspendisse ultrices ligula ut ligula cursus tempor. Sed tempus maximus est, eu ornare nibh placerat in. Fusce pulvinar volutpat purus nec mattis. Phasellus lacus sem, elementum vel semper non, facilisis non turpis. Etiam tempus rutrum nulla vel congue. Nulla commodo vehicula tempor. In accumsan id nisi id viverra. Duis tempor nulla orci, at feugiat erat sollicitudin sed. Aenean non eros hendrerit, fermentum tellus eu, fermentum eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisis, massa in cursus auctor, eros lectus cursus libero, sit amet lacinia urna neque quis lectus.
</p>
<h4> Heading </h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In posuere, ligula sed mollis faucibus, dui nulla mattis dolor, a pulvinar sapien dui ac augue. Aenean eget arcu gravida, tincidunt tortor vel, tempus sem. Suspendisse ultrices ligula ut ligula cursus tempor. Sed tempus maximus est, eu ornare nibh placerat in. Fusce pulvinar volutpat purus nec mattis. Phasellus lacus sem, elementum vel semper non, facilisis non turpis. Etiam tempus rutrum nulla vel congue. Nulla commodo vehicula tempor. In accumsan id nisi id viverra. Duis tempor nulla orci, at feugiat erat sollicitudin sed. Aenean non eros hendrerit, fermentum tellus eu, fermentum eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisis, massa in cursus auctor, eros lectus cursus libero, sit amet lacinia urna neque quis lectus.
</p>
<h5> Heading </h5>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In posuere, ligula sed mollis faucibus, dui nulla mattis dolor, a pulvinar sapien dui ac augue. Aenean eget arcu gravida, tincidunt tortor vel, tempus sem. Suspendisse ultrices ligula ut ligula cursus tempor. Sed tempus maximus est, eu ornare nibh placerat in. Fusce pulvinar volutpat purus nec mattis. Phasellus lacus sem, elementum vel semper non, facilisis non turpis. Etiam tempus rutrum nulla vel congue. Nulla commodo vehicula tempor. In accumsan id nisi id viverra. Duis tempor nulla orci, at feugiat erat sollicitudin sed. Aenean non eros hendrerit, fermentum tellus eu, fermentum eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisis, massa in cursus auctor, eros lectus cursus libero, sit amet lacinia urna neque quis lectus.
</p>
<h6> Heading </h6>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In posuere, ligula sed mollis faucibus, dui nulla mattis dolor, a pulvinar sapien dui ac augue. Aenean eget arcu gravida, tincidunt tortor vel, tempus sem. Suspendisse ultrices ligula ut ligula cursus tempor. Sed tempus maximus est, eu ornare nibh placerat in. Fusce pulvinar volutpat purus nec mattis. Phasellus lacus sem, elementum vel semper non, facilisis non turpis. Etiam tempus rutrum nulla vel congue. Nulla commodo vehicula tempor. In accumsan id nisi id viverra. Duis tempor nulla orci, at feugiat erat sollicitudin sed. Aenean non eros hendrerit, fermentum tellus eu, fermentum eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisis, massa in cursus auctor, eros lectus cursus libero, sit amet lacinia urna neque quis lectus.
</p>
<h1>
Sample Page
</h1>
<sub> MOTTO </sub>
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.