Skip to content

Version 2 #41

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
wants to merge 6 commits into
base: main
Choose a base branch
from
Open

Version 2 #41

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
679f428
Update webDevUser24.html
hi1025 Jan 18, 2024
784afab
Update webDevUser24.html
hi1025 Jan 22, 2024
898d6a2
Merge remote-tracking branch 'upstream/main'
hi1025 Jan 23, 2024
8d4c1a5
Version 3
hi1025 Jan 23, 2024
331c9ae
User 24 VERSION 3 DONE
hi1025 Jan 25, 2024
7bda456
Merge remote-tracking branch 'upstream/main'
hi1025 Jan 25, 2024
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 modified .DS_Store
View file
Open in desktop
Binary file not shown.
123 changes: 118 additions & 5 deletions Version2.0/webDevUser24.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,80 @@
<link rel="stylesheet" href="style.css">

<style>

h3 {
margin: 0;
margin-left: 0;
}

h2 {
margin-bottom: 0;
}

#banner {
border: 5px outset rgb(8, 12, 212);
background-color: rgb(166, 43, 183);
text-align: center;
}

div#face {
width: 40vw;
height: 40vw;
max-width: 400px;
max-height: 400px;
margin: 0 auto;
position: relative;
background: rgb(75, 53, 242);
margin-top: 2rem;
}

div#face,
div#face * {
border-radius: 50%;
}

.eye {
width: 15%;
height: 15%;
background: #923232;
position: absolute;
top: 20%;
}

.left.eye {
left: 20%;
}

.right.eye {
right: 20%;
}

.pupil {
background: #dce0e4;
width: 50%;
height: 80%;
position: relative;
left: 35%;
transform-origin: bottom;
}

#mouth {
position: relative;
width: 40%;
left: 20%;
height: 25%;
border: 1vw solid transparent;
border-radius: 80%;
top: 50%;
border-bottom-color: #cc6220;
}

section {
border: 1px dashed blue
}

figure {
border: 15px dashed rgb(226, 218, 61)
}
</style>
</head>

Expand All @@ -30,26 +103,66 @@
<h1>About Me</h1>
<div id="tags">
<p>
This is my first webpage! I was able to code all the HTML and CSS in order to make it.
Watch out world of web design here I come!
This is my first webpage! I was able to code all the HTML and CSS in order to make it. Watch out world of web design here I come!
</p>

<h2>Heading Examples</h2>

<!-- Put your Headings ↓↓↓↓↓↓Below↓↓↓↓↓↓ here-->
<h1>Hello</h1>
<h2>What</h2>
<h3>hi</h3>
<h4>hello</h4>
<h5>hey</h5>
<h6>say</h6>
<marquee>Money</marquee>

<!-- Put your Headings ↑↑↑↑↑↑Above↑↑↑↑↑↑ here-->

<h2>Examples of "Other" HTML elements</h2>

<!-- Put your 8 examples of other elements ↓↓↓↓↓↓Below↓↓↓↓↓↓ here-->
Welcome to this test <ins>WEBSITE</ins>

<del>What are these elements </del>
<small>how small are these</small>
<sup>letters</sup>
<hr>
<sub>I'm down here</sub>
<sup>up here no</sup>
</p> <abbr title="I can write more in this"> WOW </abbr> Almsot done <progress value="22" max="100"> </progress > with this


<!-- Put your 8 examples of other elements ↑↑↑↑↑↑Above↑↑↑↑↑↑ here-->
</div>
<div id="specific"></div>
<h1>PUT YOUR BIG TITLE HERE</h1>
<section>
<h2>Introduction or 1st Point</h2>
<p>Content in here that explains your 1st point</p>
</section>

<section>
<h2>2nd Point</h2>
<p>Content in here that explains your 2nd point</p>
<a href="http://www.lose.com"></a>www.lose.com</a>
</section>

<figure> "Hello figure this out..."</figure>
<div id="banner">
</div>
<marquee>I want</marquee>

<div id="face">

<div class="left eye">
<div class="pupil">
</div>
</div>
<div class="right eye">
<div class="pupil">
</div>
</div>
<div id="mouth">
</div>
</div>
</main>

Expand Down
26 changes: 13 additions & 13 deletions Version3.0/user24/CSS/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,21 +1,21 @@
table {
font-family: "Marker Felt", "Comic Sans MS", fantasy;
color: #003366;
margin-left: auto;
margin-right: auto;
text-align: left;
border-collapse: collapse;
cellspacing: 0px;
font-family: "Marker Felt", "Comic Sans MS", fantasy;
color: #900d0d;
margin-left: auto;
margin-right: auto;
text-align: left;
border-collapse: collapse;
border-spacing: 0px;
}

tr {
border: 1px solid #ffffff;
text-align: center;
background-color:#9FB6CD;
border: 1px solid #ffffff;
text-align: center;
background-color: #1c692b;
}

th {
text-align: center;
color: #ffffff;
background-color: #003366;
text-align: center;
color: #ffecec;
background-color: #421708;
}
202 changes: 202 additions & 0 deletions Version3.0/user24/List.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,202 @@
<!DOCTYPE html>
<html lang="en">
<!--Version 3.0
Name:
Date Completed:
-->

<head>

<title>Web Dev User ## </title>

<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="SHS WebDev Version 3.0 - Lists">

<!-- CSS -->
<!-- Bootstrap -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/css/bootstrap.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<!-- Animate -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
<!-- Custom -->
<link rel="stylesheet" href="CSS/style.css">

<!-- JavaScript -->
<!-- These are needed to get the responsive menu to work -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.11.8/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.bundle.min.js"></script>

<!-- Custom styles for this template -->
<style type="text/css">
footer {
font-size: 12px;
text-align: center;
}
</style>
</head>

<body>
<!---------------------------------- Begin the nav-bar ------------->
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
<div class="container-fluid">
<a href="http://shakonet.isd720.com" class="navbar-brand">WebDev</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav me-auto">
<!--↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ Edit These Items in your NavBar ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓-->
<li class="nav-item">
<a href="index.html" class="nav-link">Home</a>
</li>
<li class="nav-item">
<a href="#foot" class="nav-link">About Me</a>
</li>
<li class="nav-item">
<a href="music.html" class="nav-link">Music</a>
</li>
<li class="nav-item">
<a href="list.html" class="nav-link active">Lists</a>
</li>
<li class="nav-item">
<a href="#power" class="nav-link" tabindex="-1">Contact</a>
</li>
<!--↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ Edit These Items in your NavBar ↑↑↑↑↑↑↑↑↑↑↑↑↑↑-->
</ul>
<form class="d-flex">
<button class="btn btn-primary" type="button">Login</button>
</form>
</div>
</div>
</nav>
<!---------------------------------- End the nav-bar ------------->

<main class="container-fluid mt-3">

<h1 class="text-left my-3">My Lists</h1>
<!-- Edit this line for the title of your page -->

<!--↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ Put your content below this line ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓-->
<h3>Best List</h3>
<ul>
<li>Impossible</li>
<li>I Wonder</li>
<li>Sing about me, I'm Dying of Thirst</li>
<li>16</li>
<li>Crooked Smile</li>
</ul>
<h3>FINE List</h3>
<ol>
<li>HI</li>
<li>HELLO</li>
<li>HEY</li>
<li>SUP</li>
<li>YO</li>
<li>HI</li>
<li>HELLO</li>
<li>HEY</li>
<li>SUP</li>
<li>YO</li>
<li>HI</li>
<li>HELLO</li>
<li>HEY</li>
<li>SUP</li>
<li>YO</li>
<li>HI</li>
<li>HELLO</li>
<li>HEY</li>
<li>SUP</li>
<li>YO</li>
<li>HI</li>
<li>HELLO</li>
<li>HEY</li>
<li>SUP</li>
<li>YO</li>
<li>HI</li>
<li>HELLO</li>
<li>HEY</li>
<li>SUP</li>
<li>YO</li>
<li>HI</li>
<li>HELLO</li>
<li>HEY</li>
<li>SUP</li>
<li>YO</li>
<li>HI</li>
<li>HELLO</li>
<li>HEY</li>
<li>SUP</li>
<li>YO</li>
<li>HI</li>
<li>HELLO</li>
<li>HEY</li>
<li>SUP</li>
<li>YO</li>
<li>HI</li>
<li>HELLO</li>
<li>HEY</li>
<li>SUP</li>
<li>YO</li>
<li>HI</li>
<li>HELLO</li>
<li>HEY</li>
<li>SUP</li>
<li>YO</li>
<li>HI</li>
<li>HELLO</li>
<li>HEY</li>
<li>SUP</li>
<li>YO</li>
<li>HI</li>
<li>HELLO</li>
<li>HEY</li>
<li>SUP</li>
<li>YO</li>
<li>HI</li>
<li>HELLO</li>
<li>HEY</li>
<li>SUP</li>
<li>YO</li>
<li>HI</li>
<li>HELLO</li>
<li>HEY</li>
<li>SUP</li>
<li>YO</li>
<li>HI</li>
<li>HELLO</li>
<li>HEY</li>
<li>SUP</li>
<li>YO</li>
<li>HI</li>
<li>HELLO</li>
<li>HEY</li>
<li>SUP</li>
<li>YO</li>
<li>HI</li>
<li>HELLO</li>
<li>HEY</li>
<li>SUP</li>
<li>YO</li>

</ol>

<!--↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ Make sure all your content is above this line ↑↑↑↑↑↑↑↑↑-->
</main>

<!---------------------------------- Begin the footer ------------->
<footer id="foot">

<div>
Webpage made by <a href="#" target="_blank">[your name]</a>
</div>
</footer>
<!---------------------------------- End the footer ------------->
</body>

</html>
Binary file added Version3.0/user24/images/Bornsinner.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.
Binary file added Version3.0/user24/images/GoodKid.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.
Binary file added Version3.0/user24/images/TheMelodicBlueCover.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.
Binary file added Version3.0/user24/images/WONDER.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.
Loading