Skip to content

Simple-HTML-Site #6

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
millerinMT wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Simple-HTML-Site #6

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
95feafc
Add existing file
Mar 29, 2017
6de06b6
Add files via upload
millerinMT Mar 30, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added coffee.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
109 changes: 21 additions & 88 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,90 +1,23 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My Site Title</title>

<!-- Below is a link to your stylesheet, which should be located within your css folder -->
<link rel="stylesheet" type="text/css" href="css/style.css" />

</head>
<body>

<!--
A DIV is a major structural element representing a division or a section in HTML,
allowing you to group together other elements within it. If you have a panel,
or a group of elements that pertain to one section of the page, wrap them in
a div like this.
-->
<div id="container">
<div class="myDiv">

<!--
An H1 serves as the main title for the page. It is not the site title, which you
will want to update in the head section of your HTML.

An H1 should reflect what THIS page is about, and it is very important to adhere to
this standard for search engines.
-->
<h1>My Page Title</h1>

<!--
An IMG tag will allow you to display an image, either on your computer, or from
a url.

The alt attribute is important to include on every image. It should describe what the
picture is, and allows those using screen readers, or those who don't allow images to
display, to understand your site better. Search engines will penalize you if you
exclude them as well.

You can also use the site, lorempixel, to display random images. It can be great for
prototyping your design

<img src="http://lorempixel.com/400/200" alt="My random image"/>
-->
<img src="img/Peggy.jpg" alt="A picture of my grumpy cat, Peggy"/>

<!--
A P tag designates a paragraph of text. It will allow you to automatically indent sections,
and will format the text correctly for content.
-->
<p>
This is a paragraph. It will have line breaks if there is enough text. This is a fundamental element for creating page content.
Sometimes you will need <strong>bold</strong> text, and sometimes you will need <em>italicized</em> text.
</p>
</div>

<div class="myDiv">
<h2>My Second Most Important Heading</h2>

<!--
A UL tag designates an UNORDERED LIST. You can fill these with <li> elements, which
represent LIST ITEMS, which by default will be displayed with bullet points.
-->
<ul>
<li>An unordered list item</li>
<li>An unordered list item</li>
<li>An unordered list item</li>
</ul>

<!--
An OL tag designates an ORDERED LIST. This is similar to a UL, but will be shown with
numbers to their left instead of bullet points.
-->
<ol>
<li>My first list item</li>
<li>My second list item</li>
<li>My third list item</li>
</ol>
</div>
</div>

<!--
Below we link to a javascript file, located within our js folder

It is important to include your scripts here at the bottom of your body, allowing the
entire page to load before calling any of your javascript methods. It also speeds up page load times.
-->
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>
<head>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<center>
<h1>Montana Code School Video Project</h1>
</center>

<p>Presenters from local tech companies regularly visit Montana Code School.</p>
<li><b>Problem:</b> You're working during the day and you can't get to the presentations.</li>
<p>
<li><b>Solution:</b> Watch videos of the presentations online.</li>
</p>

<p>
<center>
<a href = "pg2.html">Proceed</a>
</center>
</p>
</body>
25 changes: 25 additions & 0 deletions pg2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>

<center>
<h1>Montana Code School Video Project</h1>
</center>

<p>You'll want to take the time to hear what presenters had to say</p>
<li><b>Why:</b> Learning about local companies helps you decide where you want to apply.</li>
<p>
<li><b>Why else:</b> Hear stories from Montana Code School grads who landed good jobs.</li>
</p>
<p>
<li><b>And there's more:</b> Some presenters provide contact info for follow up</li>
</p>
<p>
<center>
<a href = "pg3.html">Proceed</a>
</center>
</p>
</body>
24 changes: 24 additions & 0 deletions pg3.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<center>
<h1>Montana Code School Video Project</h1>
</center>

<p>Catch up over coffee with a local Code School grad who landed a good job.</p>
<p>
<li><b>Possibilities:</b> Monday evening or the week of April 10.</li>
</p>
<p>
<center>
<img src = "coffee.jpg">
<center>
</p>
<p>
<a href = "pg4.html">Proceed</a>
</center>
</p>
</body>
24 changes: 24 additions & 0 deletions pg4.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<center>
<h1>Montana Code School Video Project</h1>
</center>

<p>Here's an example of a video I made with a local business owner.</p>
<p>
<li><b>Obviously:</b> My web skills need some major work to make the website presentation attractive.</li>
</p>
<p>
<center>
<iframe width="560" height="315" src="https://www.youtube.com/embed/NW-Xd40w5oE" frameborder="0" allowfullscreen></iframe>
<center>
</p>
<p>
<b>That's it.</b>
</center>
</p>
</body>
23 changes: 6 additions & 17 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,23 +1,12 @@
body{
color:orange;
H1 {
color: white; background: teal; FONT-FAMILY: arial, helvetica, lucida-sans, sans-serif; FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal
}

.myDiv-1{
background-color:red;
}

.myDiv-1 h1{

}

.myDiv-1 p{

}

.myDiv-2{
background-color:green;
body {
COLOR: #000000; FONT-FAMILY: lucida-sans, sans-serif; FONT-SIZE: 22pt; FONT-STYLE: normal; FONT-VARIANT: normal; background-image: url('bkgnd.gif')
}

.myDiv-2 h2{

.locallink {
COLOR: #dddddd; FONT-FAMILY: geneva, arial, helvetica, lucida-sans, sans-serif; FONT-SIZE: 13px; FONT-WEIGHT: normal; TEXT-DECORATION: none
}