<html>
<head>
<!--Resposive meta tag to make this webpage looking good on mobile browser-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--Add a favicon-->
<link rel="shortcut icon" type="image/png" href="assets/favicon.png" />
<!--Add a page title-->
<title>My Homepage</title>
<!--Include styles.css file to this webpage-->
<link rel="stylesheet" href="call.css">
<!--Include script.js file to this webpage-->
<script type="module" src="script.js"></script>
<style>
table {
font-family: 'Open Sans', sans-serif;
;
border-collapse: collapse;
width: 100%;
}
td,
th {
border: 1px solid black;
text-align: left;
padding: 20px;
}
tr:nth-child(even) {
background-color: #bcb3e8;
}
</style>
<!--Use custom font from Google font https://fonts.google.com/ -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&family=Open+Sans:wght@300&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap" rel="stylesheet">
</head>
<body>
<nav>
<a href='https://greatcar85.qoom.space/~/Kare/index'> Home </a>
<a href='https://greatcar85.qoom.space/~/Kare/index/#about'> About </a>
<a href='https://greatcar85.qoom.space/~/Kare/todo'> To-do </a>
<a href='https://greatcar85.qoom.space/~/Kare/calendar'> Calendar </a>
<a href='https://greatcar85.qoom.space/~/Kare/call'> Call </a>
<a href='https://greatcar85.qoom.space/~/Kare/index/#contact'> Contact </a>
</nav>
<header> Phone Catalog </header>
<sec id='description'>
<p> Important phone numbers </p>
</sec>
<table id='table'>
<tr id='tablehead'>
<th>Name</th>
<th>Relationship</th>
<th>Phone Number</th>
</tr>
<tr>
<td>Johnny</td>
<td>Son</td>
<td>123-456-7890</td>
</tr>
<tr>
<td>Sophie</td>
<td>Granddaughter</td>
<td>098-765-4321</td>
</tr>
<tr>
<td>Joanne</td>
<td>Sister</td>
<td>927-397-3911</td>
</tr>
<tr>
<td>Betty</td>
<td>Best friend</td>
<td>003-124-7369</td>
</tr>
<tr>
<td>Dr. White</td>
<td>Doctor</td>
<td>639-729-4622</td>
</tr>
<tr>
<td>Darren</td>
<td>Grandson</td>
<td>099-122-8181</td>
</tr>
<tr>
<td>Karl</td>
<td>Cousin</td>
<td>274-002-4792</td>
</tr>
<tr>
<td>Prof. Jared</td>
<td>History Professor @ Brown</td>
<td>572-199-3523</td>
</tr>
<tr>
<td>Susie</td>
<td>Nextdoor neighbor</td>
<td>462-998-0023</td>
</tr>
</table>
<section id='bottom'> </section>
</body>
</html>