cdez/CS212-Projects
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Added Homework 7 Files

Browse source 
++ Added Homework 7 HTML/CSS/JS
++ Added Testing Files of various sorts.
This commit is contained in:
Charles Descamps 2023-03-21 01:27:21 -07:00
parent 44a7e9a792
commit 5328bed90d
9 changed files with 363 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

60
cs212/testing/html/q1.html Normal file
View file

@ -0,0 +1,60 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Tech Company's Listing</h1>
<table id="cssQuestion">
<tr>
<th>Company</th>
<th>CEO</th>
<th>Country</th>
</tr>
<tr>
<td>Apple</td>
<td>Tim Cook</td>
<td>USA</td>
</tr>
<tr>
<td>Google</td>
<td>Sundar Pichai</td>
<td>USA</td>
</tr>
<tr>
<td>Netflix</td>
<td>Reed Hastings</td>
<td>UK</td>
</tr>
<tr>
<td>Zoho</td>
<td>Sridhar Vembu</td>
<td>India</td>
</tr>
<tr>
<td>TCS</td>
<td>Rajesh Gopinath</td>
<td>India</td>
</tr>
<tr>
<td>Microsoft</td>
<td>Satya Nadella</td>
<td>USA</td>
</tr>
<tr>
<td>Facebook</td>
<td>Mark Zuckerberg</td>
<td>USA</td>
</tr>
<tr>
<td>Twitter</td>
<td>Jack Dorsey</td>
<td>USA</td>
</tr>
</table>
</body>
</html>

30
cs212/testing/html/q2.html Normal file
View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Ordered HTML list of Richest people in the world</h1>
<ol>
<li>Jeff Bezos</li>
<li>Elon Musk</li>
<li>Bernard Arnault</li>
<li>Bill Gates</li>
<li>Mark Zuckerberg</li>
</ol>
<h1>Unordered HTML list of Web technologies</h1>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>Vanilla JS</li>
<li>Node.js</li>
<li>React JS</li>
<li>Express.js</li>
<li>Next.js</li>
<li>Vue.js</li>
</ul>
</body>
</html>

24
cs212/testing/html/style.css Normal file
View file

@ -0,0 +1,24 @@
table
{
border: 1px solid #ddd;
padding: 8px;
border-collapse: collapse;
width: 100%;
}
th
{
border: 1px solid #ddd;
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
color: royalblue;
background-color: skyblue;
}
td
{
border: 1px solid #ddd;
}
tr:nth-child(even)
{
background-color: #f2f2f2
}