Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@Sankalp-Pesto
Sankalp-Pesto authored May 27, 2023
1 parent 73bbd9a commit 333d00e
Show file tree
Hide file tree
Showing 65 changed files with 2,113 additions and 0 deletions.
Binary file added Session-05_Basic_CSS/Assignments/Auto loan (CSS)/Auto loan (CSS).pdf
View file
Binary file not shown.
83 changes: 83 additions & 0 deletions Session-05_Basic_CSS/Assignments/Auto loan (CSS)/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Auto Purchase Offer and Loan Comparison</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="container">
<h1>Comparison of Dealer Incentives and Loan Offers</h1>
<div class="offer">
<div class="offerTitle">Purchase Offer 1</div>
<div class="offerContents">
<table>
<tr>
<th>Item</th>
<th>Cost</th>
</tr>
<tr>
<td>Purchase price:</td>
<td>$33,500</td>
</tr>
<tr>
<td>Cash incentive/rebate:</td>
<td>$0</td>
</tr>
<tr>
<td>Loan term (months):</td>
<td>48</td>
</tr>
<tr>
<td>Annual percentage rate (APR):</td>
<td>3.2</td>
</tr>
<tr>
<td>Monthly payment:</td>
<td>$725.33</td>
</tr>
<tr>
<td>Total cost:</td>
<td class="finalValue">$34,815.62</td>
</tr>
</table>
</div>
</div>
<div class="offer">
<div class="offerTitle">Purchase Offer 2</div>
<div class="offerContents">
<table>
<tr>
<th>Item</th>
<th>Cost</th>
</tr>
<tr>
<td>Purchase price:</td>
<td>$33,500</td>
</tr>
<tr>
<td>Cash incentive/rebate:</td>
<td>$500</td>
</tr>
<tr>
<td>Loan term (months):</td>
<td>48</td>
</tr>
<tr>
<td>Annual percentage rate (APR):</td>
<td>4.1</td>
</tr>
<tr>
<td>Monthly payment:</td>
<td>$746.59</td>
</tr>
<tr>
<td>Total cost:</td>
<td class="finalValue">$35,836.15</td>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>
1 change: 1 addition & 0 deletions Session-05_Basic_CSS/Assignments/Auto loan (CSS)/style.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
/* Your code goes here */
Binary file added ...Assignments/Best-selling video games table (CSS)/Best-selling video games table (CSS).pdf
View file
Binary file not shown.
41 changes: 41 additions & 0 deletions Session-05_Basic_CSS/Assignments/Best-selling video games table (CSS)/bestgames.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Best-Selling Video Games</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<table id="game-table">
<caption>Best-Selling Video Games</caption>
<tr>
<th>Title</th>
<th>Sales</th>
<th>Release Date</th>
</tr>
<tr>
<td>Minecraft</td>
<td>176,000,000</td>
<td>November 18, 2011</td>
</tr>
<tr>
<td>Tetris</td>
<td>170,000,000</td>
<td>June 6, 1984</td>
</tr>
<tr>
<td>Grand Theft Auto V</td>
<td>110,000,000</td>
<td>September 17, 2013</td>
</tr>
<tr>
<td>Wii Sports</td>
<td>82,870,000</td>
<td>November 19, 2006</td>
</tr>
</table>
<p>
Source: <a href="https://en.wikipedia.org/wiki/List_of_best-selling_video_games">Wikipedia</a>
</p>
</body>

</html>
7 changes: 7 additions & 0 deletions Session-05_Basic_CSS/Assignments/Best-selling video games table (CSS)/styles.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
:root {
--table-color: forestgreen;
--row-bg-color: honeydew;
font-family: Calibri, Myriad;
}

/* Your solution goes here */
Binary file added Session-05_Basic_CSS/Assignments/News article (CSS)/News article (CSS).pdf
View file
Binary file not shown.
36 changes: 36 additions & 0 deletions Session-05_Basic_CSS/Assignments/News article (CSS)/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html>
<head>
<link href="styles.css" rel="stylesheet">
<title>5 Things to Know About Rattlesnakes and Their Babies</title>
</head>
<body>
<img src="https://static-resources.zybooks.com/static/UofA_header.svg">

<h1>5 Things to Know About Rattlesnakes and Their Babies</h1>

<p id="author-name-and-date">UA College of Pharmacy | Aug. 6, 2014</p>

<p>Arguably, snake season is year-round in Arizona, a state known for its rattlers. But baby rattlesnakes are born in July and August, making these two months especially dangerous for hikers, gardeners, children and others at high risk of exposure to rattlesnake bites.</p>

<img src="https://static-resources.zybooks.com/static/UofA_Snake_bite_9-yr-old.jpeg">

<p>So far this year, 74 rattlesnake bites to humans have been reported to the Arizona Poison and Drug Information Center. Based at the University of Arizona College of Pharmacy, the center serves the entire state of Arizona with the exception of Maricopa County, providing free and confidential poison and medication information to callers around the clock.</p>

<p>Specialists answering the phones at the center regularly receive calls from Arizonans of all ages who don't realize they were bitten by a rattler. The poison center urges anyone who feels a mysterious sting, pinch or bite while outdoors to immediately call the center at 800-222-1222.</p>

<p>"We will ask a few questions that will help you either identify possible snakebite or eliminate it," said Keith Boesen, director of the Arizona Poison and Drug Information Center. "With snakebite, the sooner the medical treatment, the better the outcome, so calling us right away can make a very big difference for the victims and the medical teams treating them."</p>

<p>The center advises anyone who might come cross paths with rattlesnakes to be aware of these five things:</p>

<ol>
<li>Baby rattlesnakes range in length from 6 to 12 inches and are easily camouflaged by brush and grass.</li>
<li>Baby rattlesnakes are rattleless until they first shed their skins, so there will be no infamous "chica-chica" sound before they strike.</li>
<li>Despite their impish size, baby snakes have enough venom to be very dangerous if they bite a human.</li>
<li>Adult rattlesnakes do not always rattle an audible warning before or while they are biting.</li>
<li>It's a good idea to call the poison center if you notice an unidentified small cut or wound, even if you feel no pain. With the lack of telltale rattle warning, people can be bitten without knowing what has happened until they notice their symptoms and attribute them to a snakebite.</li>
</ol>

<p>Share: <a href="https://twitter.com/">Twitter</a> <a href="https://www.facebook.com/">Facebook</a> <a href="https://www.linkedin.com/">LinkedIn</a></p>
</body>
</html>
1 change: 1 addition & 0 deletions Session-05_Basic_CSS/Assignments/News article (CSS)/styles.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
/* Add your styles here */
Binary file added ...Basic_CSS/Assignments/Sleep recommendation list (CSS)/Sleep recommendation list (CSS).pdf
View file
Binary file not shown.
37 changes: 37 additions & 0 deletions Session-05_Basic_CSS/Assignments/Sleep recommendation list (CSS)/recommend.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Sleep Duration Recommendations</title>

<style>
/* Your solution goes here */

</style>
</head>
<body>
<h1>Sleep Duration Recommendations</h1>
<ul>
<li>School-aged children <span class="age">(6-13 years)</span> &mdash;
<span class="recommended">9-11 hours</span>
</li>
<li>Teenagers <span class="age">(14-17 years)</span> &mdash;
<span class="recommended">8-10 hours</span>
</li>
<li>Young adults <span class="age">(18-25 years)</span> &mdash;
<span class="recommended">7-9 hours</span>
</li>
<li>Adults <span class="age">(26-64 years)</span> &mdash;
<span class="recommended">7-9 hours</span>
</li>
<li>Older adults <span class="age">(65+ years)</span> &mdash;
<span class="recommended">7-8 hours</span>
</li>
</ul>
<p>
Source: <a
href="https://www.sleepfoundation.org/press-release/national-sleep-foundation-recommends-new-sleep-times/page/0/1">
National Sleep Foundation’s Sleep Duration Recommendations</a>
</p>

</body>
</html>
Binary file added ...gnments/Style the form with advanced selectors/Style the form with advanced selectors.pdf
View file
Binary file not shown.
43 changes: 43 additions & 0 deletions Session-05_Basic_CSS/Assignments/Style the form with advanced selectors/rate.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Product Rating</title>

<style>
body {
font-family: Calibri, Myriad;
}

div {
margin-bottom: 5px;
}

/* Your solution goes here */


</style>
</head>
<body>
<h1>Rate a Product</h1>
<p><span class="required"></span> indicates required field.</p>
<form>
<div>
<label class="required">Product</label>
<input type="text" name="title">
</div>
<div>
<label class="required">Purchase Date</label>
<input type="date" name="purchase-date">
</div>
<div>
<label class="required">Rating</label>
<input type="number" name="rating" value="4" min="1" max="4">
</div>
<div>
<label>Comments</label>
<textarea rows="3" cols="50" name="comments"></textarea>
</div>
<input type="submit" value="Submit Rating">
</form>
</body>
</html>
Binary file added Session-05_Basic_CSS/CSS Fundamentals Further Resources.pdf
View file
Binary file not shown.
35 changes: 35 additions & 0 deletions Session-05_Basic_CSS/lab/01_how_to_add_css.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html>

<head>
<title>CSS Example</title>
<!-- Internal CSS -->
<style>
/* Internal CSS */
body {
font-family: Arial, sans-serif;
background-color: lightgray;
}

h1 {
color: blue;
}

p {
color: green;
}
</style>
<!-- External CSS -->
<link rel="stylesheet" href="styles.css">
</head>

<body>
<h1 style="color: red;">This is a Heading (Inline CSS)</h1>
<p style="color: purple;">This is a paragraph with inline CSS.</p>
<h2>This is a Subheading (Internal CSS)</h2>
<p>This is a paragraph with internal CSS.</p>
<h3>This is a Subheading (External CSS)</h3>
<p>This is a paragraph with external CSS.</p>
</body>

</html>
48 changes: 48 additions & 0 deletions Session-05_Basic_CSS/lab/02_simple_selectors.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
<!DOCTYPE html>
<html>

<head>
<title>Simple Selectors Example</title>
<style>
/* Element Selector */
h1 {
color: blue;
}

/* ID Selector */
#my-heading {
font-size: 24px;
}

/* Class Selector */
.my-paragraph {
color: green;
}

/* Universal Selector */
* {
margin: 25;
padding: 0;
}
</style>
</head>

<body>
<header>
<h1 id="my-heading">Hello, World!</h1>
</header>
<section>
<p class="my-paragraph">This is a paragraph with class selector.</p>
<p>This is a normal paragraph.</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</section>
<footer>
<p class="my-paragraph">This is a paragraph with class selector in the footer.</p>
</footer>
</body>

</html>
45 changes: 45 additions & 0 deletions Session-05_Basic_CSS/lab/03_advanced_selectors.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
<!DOCTYPE html>
<html>

<head>
<title>Advanced Selectors Example</title>
<style>
/* General Sibling Selector: Targets all p elements that are siblings of h1 elements */
h1~p {
color: blue;
}

/* Adjacent Sibling Selector: Targets the immediate sibling p element of h2 element */
h2+p {
color: green;
}

/* Attribute Selector: Targets all elements with href attribute that starts with "https://" */
[href^="https://"] {
color: red;
}

/* Child Selector: Targets all li elements that are direct children of ul elements */
ul>li {
font-weight: bold;
}
</style>
</head>

<body>
<h1>Heading 1</h1>
<p>Paragraph 1</p> <!-- General Sibling Selector will target this p element -->
<p>Paragraph 2</p> <!-- General Sibling Selector will target this p element -->
<h2>Heading 2</h2>
<p>Paragraph 3</p> <!-- Adjacent Sibling Selector will target this p element -->
<ul>
<li><a href="https://example.com">Link 1</a></li> <!-- Attribute Selector will target this a element -->
<li><a href="http://example.com">Link 2</a></li>
<li><a href="https://example.org">Link 3</a></li> <!-- Attribute Selector will target this a element -->
</ul>
<div>
<p>Paragraph 4</p>
</div>
</body>

</html>
Loading

0 comments on commit 333d00e

Please sign in to comment.