Skip to content

Instantly share code, notes, and snippets.

@0xtruly

0xtruly/index.html

Created October 19, 2018 02:42
Show Gist options
  • Save 0xtruly/35dc9fdb19117030b2648eb2b0c912fc to your computer and use it in GitHub Desktop.
Save 0xtruly/35dc9fdb19117030b2648eb2b0c912fc to your computer and use it in GitHub Desktop.
Download ZIP
Intro to web dev Assignment 1
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Simple website</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="refresh" content="5">
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<script src="main.js"></script>
</head>
<body>
<header>
<div id="header"><h1>Welcome to my simple website</h1></div>
</header>
<main>
<div>
<table id="t01">
<caption>This is a simple table</caption>
<br>
<tr>
<th>User ID</th>
<th>FullName</th>
<th>Email</th>
<th>Telephone</th>
</tr>
<tr>
<td>0012</td>
<td>Steve Harvy</td>
<td><a href="mailto:info@steveharvy.com">info@steveharvy.com</a></td>
<td>234808573948</td>
</tr>
<tr>
<td>0013</td>
<td>Kola Badmus</td>
<td><a href="mailto:info@kolabadmus.com">info@kolabadmus.com</a></td>
<td>234803985935</td>
</tr>
<tr>
<td>0014</td>
<td>Kiki Daniels</td>
<td><a href="mailto:info@kikidaniels.com">info@kikidaniels.com</a></td>
<td>234805746843</td>
</tr>
<tr>
<td>0015</td>
<td>Prisca Francis</td>
<td><a href="mailto:info@priscafrancis.com">info@priscafrancis.com</a></td>
<td>2348021345543</td>
</tr>
</table>
</div>
</main>
<footer></footer>
</body>
</html>
Raw
style.css
body{
background-color: aquamarine;
}
div{
margin: 10px;
padding: 0px 0px 15px 50px;
border: 0px solid #000;
}
#header{
background-color:#000;
padding: 0px 1px 0px 1px;
text-align: center;
color: #fff;
font-size: 13px;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
table{
width: 90%;
align-content: center;
}
table, th, td {
border: 0px solid black;
border-collapse: collapse;
}
th, td {
padding: 5px;
text-align: center;
}
th{
background-color: #000;
color: #fff;
}
caption{
font-weight: bold;
font-size: 18px;
}
table#t01 tr:nth-child(even) {
background-color;
}
table#t01 tr:nth-child(odd) {
background-color:#fff;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment