Please find the attached documenent Proposal and Sample Web Site Proposal Propos
ID: 3580582 • Letter: P
Question
Please find the attached documenent
Proposal and Sample
Web Site Proposal
Proposal prepared for - Bob's Small Time Grocery
Prepared by – Name of Student
Introduction
Thank you for your interest in our web service. I assure you, that you have come to the right place. Having a professionally designed website today is crucial. Everyone is going digital and if a business is to stay on the map and be a competition, then an attractive and professional website that gives the customer all the information necessary about the business without having to physically meet with the business owner or employee is very necessary. Getting a lot of traffic to your website is a much more practical way of increasing business than offline marketing.
Timeline
Below is a list of tasks to be accomplished and tentative dates of completion
Milestones
Completion Dates
Discussion and creation of a tentative layout
11/12/2016
Creation of the website as per the discussed layout
25/12/2016
Hosting the website using a professional hosting service and setting the website up
5/1/2017
Deliverables
As per the discussed milestones, after discussion about the proposed layout, while creation of the website, the tentatively proposed pages for the website –
Home Page – This page will list out details about the business, like when it was started, where it is located, what it sells (briefly), etc. This page is essential as it builds a level of ease with the customer so the customer knows where they’re buying from.
About Us Page – Again, this page will build a level of trust with the customer which will urge them to go deeper into the website and buy from the business
Contact Page – Details about the owner or an employee of the business. Details like Phone number, email, etc.
Gallery Page – Display pictures of the business to show the customers that it is a clean place, lots of wholesome foods are served here etc.
Select items page – If the business is interested in making their business an e-commerce venture, then they will be allowed to select items and checkout to pay for them
More pages can be added as per the business requirements after due discussion.
Estimates
Milestone 1: 150$ for the layout discussion
Milestone 2: 300$ for the creation of the website
Milestone 3: 100$ for hosting the website excluding the hosting fee
References
Have a look at some of our other work
Sample Styling Code
<html>
<head>
<style>
@import url ('https://fonts.googleapis.com/css?family=Open+Sans');
header {
display: block;
background-color: #00B232;
}
footer {
background-color: #00B232;
float-left: true;
}
h1{
color: #B20000;
text-transform: uppercase;
}
</style>
</head>
<body>
<header>
<h1> Sample Page </h1>
<p> Example Motto </p>
</header>
<p>Lorem ipsum dolor sit amet, consecteturadipiscingelit, sed do eiusmodtemporincididuntutlabore et dolore magna aliqua. Utenim ad minim veniam, quisnostrud exercitation ullamcolaboris nisi utaliquip ex eacommodoconsequat. Duisauteirure dolor in reprehenderit in voluptatevelitessecillumdoloreeufugiatnullapariatur. Excepteursintoccaecatcupidatat non proident, sunt in culpa qui officiadeseruntmollitanim id estlaborum.</p>
<h2> Heading</h2>
<h3> Heading </h3>
<h4> Heading </h4>
<h5> Heading </h5>
<h6> Heading </h6>
<form>
<input type="text" name="name">
<textarea rows="4" cols="50">
Text
</textarea>
<input tupe=”submit” name=”submit” value=”submit”>
</form>
<footer>
Copyright 2016
</footer>
Milestones
Completion Dates
Discussion and creation of a tentative layout
11/12/2016
Creation of the website as per the discussed layout
25/12/2016
Hosting the website using a professional hosting service and setting the website up
5/1/2017
Explanation / Answer
Note :This page access bootstrap css and js
Save below code as filename.html and view output.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Small Website</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
div.img {
margin: 5px;
border: 1px solid #ccc;
float: left;
width: 180px;
}
div.img:hover {
border: 1px solid #777;
}
div.img img {
width: 100%;
height: auto;
}
div.desc {
padding: 15px;
text-align: center;
}
</style>
</head>
<body>
<div class="container">
<h2>Website</h2>
<p> Everyone is going digital and if a business is to stay on the map and be a competition, then an attractive and professional website that gives the customer all the information necessary about the business without having to physically meet with the business owner or employee is very necessary. Getting a lot of traffic to your website is a much more practical way of increasing business than offline marketing.</p>
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#home">Home</a></li>
<li><a data-toggle="tab" href="#menu4">About us</a></li>
<li><a data-toggle="tab" href="#menu1">Contact</a></li>
<li><a data-toggle="tab" href="#menu2">Gallary</a></li>
<li><a data-toggle="tab" href="#menu3">Shopping Items</a></li>
</ul>
<div class="tab-content">
<div id="home" class="tab-pane fade in active">
<h3>HOME</h3>
<p>Lorem ipsum dolor sit amet, consecteturadipiscingelit, sed do eiusmodtemporincididuntutlabore et dolore magna aliqua. Utenim ad minim veniam, quisnostrud exercitation ullamcolaboris nisi utaliquip ex eacommodoconsequat. Duisauteirure dolor in reprehenderit in voluptatevelitessecillumdoloreeufugiatnullapariatur. Excepteursintoccaecatcupidatat non proident, sunt in culpa qui officiadeseruntmollitanim id estlaborum..</p>
</div>
<div id="menu1" class="tab-pane fade">
<h3>Contact Details</h3>
<p>Owner name : xxxxxxxxxxxxxxxxxxx<br>
Contact name:99999999999<br>
email : xxxx@mail.com</p>
</div>
<div id="menu4" class="tab-pane fade">
<h3>About us</h3>
<p>Everyone is going digital and if a business is to stay on the map and be a competition, then an attractive and professional website that gives the customer all the information necessary about the business without having to physically meet with the business owner or employee is very necessary. Getting a lot of traffic to your website is a much more practical way of increasing business than offline marketing.</p>
</div>
<div id="menu2" class="tab-pane fade">
<h3>Gallery</h3>
<div class="img">
<a target="_blank" href="">
<img src="1.jpg" alt="Image1" width="300" height="200">
</a>
<div class="desc">Add a description of the Image1 here</div>
</div>
<div class="img">
<a target="_blank" href="">
<img src="2.jpg" alt="Image2" width="600" height="400">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="img">
<a target="_blank" href="">
<img src="3.jpg" alt="Image3" width="600" height="400">
</a>
<div class="desc">Add a description of the Image1 here</div>
</div>
</div>
<div id="menu3" class="tab-pane fade">
<h3>Shopping Items</h3>
<div class="img">
<a target="_blank" href="">
<img src="1.jpg" alt="Image1" width="300" height="200">
</a>
<div class="desc">Price:100$</div>
<button type="button" value="Buy">Buy</button>
</div>
<div class="img">
<a target="_blank" href="">
<img src="2.jpg" alt="Image2" width="600" height="400">
</a>
<div class="desc">Price:200$</div>
<button type="button" value="Buy">Buy</button>
</div>
<div class="img">
<a target="_blank" href="">
<img src="3.jpg" alt="Image3" width="600" height="400">
</a>
<div class="desc">Price:300$</div>
<button type="button" value="Buy">Buy</button>
</div>
<div class="img">
<a target="_blank" href="">
<img src="1.jpg" alt="Image1" width="300" height="200">
</a>
<div class="desc">Price:100$</div>
<button type="button" value="Buy">Buy</button>
</div>
<div class="img">
<a target="_blank" href="">
<img src="2.jpg" alt="Image2" width="600" height="400">
</a>
<div class="desc">Price:200$</div>
<button type="button" value="Buy">Buy</button>
</div>
<div class="img">
<a target="_blank" href="">
<img src="3.jpg" alt="Image3" width="600" height="400">
</a>
<div class="desc">Price:300$</div>
<button type="button" value="Buy">Buy</button>
</div>
</div>
</div>
</div>
<footer>
Copyright 2016
</footer>
</body>
</html>