Show me the code This homework must be hand coded using a text editor such as no
ID: 3738021 • Letter: S
Question
Show me the code
This homework must be hand coded using a text editor such as notepad, notepad++, textpad, Brackets, Atom, Sublime Text, etc.. You must FTP your files to the server and submit the URL against the assignment in Blackboard.
Read and study the HTML and CSS Tutorials; Chapter 2, 4, and 5 in Felke-Morris provide a more extensive discussion of this material
Create a folder called hw3
all lowercase letters
no spaces
no capitals
this is a FOLDER (also known as a directory), so do not put any extension on the name.
save all of your work for this homework in the hw3 folder
Using a text editor code a five page website about you
the home page must be named index.html
the other four pages must follow the naming conventions
all lowercase letters
no spaces
no capitals
Use the following tags in your site -- a tag does not have to be in every page, e.g. you need only have one image
h1
h2
p
put at least two paragraphs on each of the inside pages, at least five sentences in each paragraph
Do not copy and paste text from other documents.
Use your own words. You may use other sources, but if you do, say where you got the information from.
img
you need only use one image, although you may use more
specify the height and width attributes of the img tag in pixels. For this assignment only, you may resize using these attributes; normally you will want to keep the same aspect ratio when you resize (the relationship between height and width)
You can resize the image in Fireworks, Paint, or another program. In Fireworks, the command is Modify>Canvas>Image Size. In Paint there is a resize button.
ol or ul
link the pages together, using relative linking
Because the files are all in the same folder, you need only specify the filename for the href attribute of the a tag
Use a consistent navigation scheme, meaning the links should be in the same place and in the same order on every page. For the page you are currently on, there should either be a link to itself, or just the text of the link should appear (without it being an actual link).
You may use a one row table to line up your links if you'd like. One link per cell.
You will find it convenient to copy your navigation links from one page to the other pages in your site
Don't use any inline CSS.
Don't use any embedded CSS
CSS coding in the html files will result in points being deducted from your grade. Do NOT put any styling in your html pages.
Avoid the use of deprecated or obsolete tags and attributes
Create one, and only one, external CSS style sheet to style the following tags. Get creative!it is required that you style these tags in your CSS style sheet
body
h1
h2
p
img
you may also style the tags you used to create the list, if you would like.
Don't forget to link up the html pages with the external CSS style sheet
Make the website look attractive.
Put the five html pages, the one image file, and the one .css file in the folder called hw3
Explanation / Answer
Hello, I created The same directory structure The HTML code is given Below.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.css"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-4 roses">
<h3>Roses</h3>
<br>
<img src="beautiful_red_rose_drops_of_water-wallpaper-1366x768.jpg" class="img-responsive img-thumbnail" width="340px;" height="240px">
<br>
<h2>This is Red Rose</h2>
<textarea cols="18" rows="6" class="form-control">
A rose is a woody perennial flowering plant of the genus Rosa, in the family Rosaceae, or the flower it bears. There are over a hundred species and thousands of cultivars. ... Different species hybridize easily, and this has been used in the development of the wide range of garden roses
</textarea>
</div>
<div class="col-md-4 roses">
<h3>Windows Wallpaper</h3>
<br>
<img src="flat_windows_10-wallpaper-1366x768.jpg" class="img-responsive img-thumbnail" width="340px;" height="240px">
<br>
<h2>This is Windows Os</h2>
<textarea cols="18" rows="6" class="form-control">
Windows OS, computer operating system (OS) developed by Microsoft Corporation to run personal computers (PCs). Featuring the first graphical user interface (GUI) for IBM-compatible PCs, the Windows OS soon dominated the PC market.
</textarea>
</div>
<div class="col-md-4 roses">
<h3>Laptop</h3>
<br>
<img src="laptop-wallpaper-1366x768.jpg" class="img-responsive img-thumbnail" width="340px;" height="240px">
<br>
<h2>This is Laptop</h2>
<textarea cols="18" rows="6" class="form-control">
A laptop, often called a notebook computer or just notebook, is a small, portable personal computer with a "clamshell" form factor, having, typically, a thin LCD or LED computer screen mounted on the inside of the upper lid of the "clamshell" and an alphanumeric keyboard on the inside of the lower lid. The "clamshell".
</textarea>
</div>
</div>
</div>
</body>
</html>
And The CSS code for above is given below
<style>
body
{
background-color:#00b1fd;
}
.active
{
font-size: 30px;
}
.roses
{
text-align: center;
}
textarea
{
resize: none;
}
</style>
If you want this as zipping then comment and like my answer, I will send it to you.Thank You