Chaker Nguili
Développeur Full Stack
© 2025 All rights reserved.
HTML, CSS, & JavaScript – Certification Course for Beginners 8
Lessons:
- 32. HTML Project – Introduction
- 33. HTML Project – Header
- 34. HTML Project – Callout
- 35. HTML Project – Image Insertion
- 36. HTML Project – Text Insertion
- 37. HTML Project – Links and Form
- 38. HTML Project – Tabular Data
- 39. HTML Project – Footer
HTML Code:
<!doctype html>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-162197463-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-162197463-1');
</script>
<meta charset="utf-8">
<title>Website Project</title>
</head>
<body>
<table width="100%" height="60" border="0" cellpadding="5" cellspacing="5" bgcolor="black">
<tr>
<td align="left"><table width="547" border="0" align="center" cellpadding="1" cellspacing="1">
<td width="96"><font face="Verdana, Geneva, sans-serif" color="white">
<h3>Home</h3>
</font></td>
<td width="96"><font face="Verdana, Geneva, sans-serif" color="white">
<h3>About</h3>
</font></td>
<td width="96"><font face="Verdana, Geneva, sans-serif" color="white">
<h3>Services</h3>
</font></td>
<td width="96"><font face="Verdana, Geneva, sans-serif" color="white">
<h3>Client</h3>
</font></td>
<td width="96"><font face="Verdana, Geneva, sans-serif" color="white">
<h3>Contact</h3>
</font></td>
</table></td>
</tr>
</table>
<table width="100%" height="150" border="0" cellpadding="5" cellspacing="5" bgcolor="#F0F0F0">
<tr>
<td align="center"><table width="708" border="0" cellpadding="1" cellspacing="1">
<tr>
<td width="338" align="left"><font face="Verdana, Geneva, sans-serif" color="black" size="5"><strong>My Business</strong><br>
Website</font></td>
<td width="291" align="right"><font face="Verdana, Geneva, sans-serif" color="black" size="5"><strong>Call us Today!</strong><br>
1-800-000-0000</font></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="150" border="0" cellpadding="5" cellspacing="5" bgcolor="white">
<tr>
<td align="center"><table width="600" border="0" cellpadding="1" cellspacing="1">
<tr>
<td align="center"><img src="website2.jpg" width="980" height="300"></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="150" border="0" cellpadding="5" cellspacing="5" bgcolor="white">
<tr>
<td height="72" align="center" valign="top"><table width="730" border="0" cellpadding="1" cellspacing="1">
<tr>
<td width="726" align="center"><font face="Verdana, Geneva, sans-serif" color="black" size="6">This is my company website<br>
<strong>Dream. Plan. Create.</strong><br>
</font></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="150" border="0" cellpadding="5" cellspacing="5" bgcolor="white">
<tr>
<td height="72" align="center" valign="top"><table width="313" border="0" cellspacing="3" cellpadding="3" bgcolor="#FF9900">
<tr>
<td width="301" align="center" nowrap="nowrap"><font face="Verdana, Geneva, sans-serif" color="white" size="5"><a href="#">Contact us Today!</a><br>
</font></td>
</tr>
</table>
<tr>
<td height="72" align="center" valign="top"><font color="black" size="2" face="Verdana, Geneva, sans-serif"><strong>Registre for our newsletter</strong></font><br>
<form name="contact" method="post" action="send.php">
<input type="text" name="email">
<input type="submit" name="button" value="submit">
</form></td>
</tr>
</td>
</tr>
</table>
<table width="100%" height="236" border="0" cellpadding="5" cellspacing="5" bgcolor="white">
<tr>
<td height="72" align="center" valign="top">
<table width="900" border="1" cellpadding="8" cellspacing="0" bgcolor="#cccccc">
<tr>
<td width="268"><font face="Verdana, Geneva, sans-serif" color="black" size="3"><strong><u>ABOUT US</u></strong></font></td>
<td width="268"><font face="Verdana, Geneva, sans-serif" color="black" size="3"><strong><u>OUR VISION</u></strong></font></td>
<td width="268"><font face="Verdana, Geneva, sans-serif" color="black" size="3"><strong><u>SERVICES</u></strong></font></td>
</tr>
<tr>
<td><font face="Verdana, Geneva, sans-serif" color="black" size="2">I'm a paragraph. Click here to add your own text and edit me. It’s easy. Just click “Edit Text” or double click me and you can start adding your own content and make changes to the font. Feel free to drag and drop me anywhere you like on your page. I’m a great place for you to tell a story and let your users know a little more about you.</font></td>
<td><font face="Verdana, Geneva, sans-serif" color="black" size="2">I'm a paragraph. Click here to add your own text and edit me. It’s easy. Just click “Edit Text” or double click me and you can start adding your own content and make changes to the font. Feel free to drag and drop me anywhere you like on your page. I’m a great place for you to tell a story and let your users know a little more about you.</font></td>
<td valign="top"><font face="Verdana, Geneva, sans-serif" color="black" size="2">
<ul>
<li>Strategy & Organisation<br>
</li>
<li>Corporate Devolopment<br>
</li>
<li>Globalization<br>
</li>
<li>Operations management<br>
</li>
<li>Corporate Finance</li>
<li> It management</li>
</ul>
</font></td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" height="60" border="0" cellpadding="5" cellspacing="5" bgcolor="black">
<tr>
<td align="center">
<font face="Verdana, Geneva, sans-serif" color="white">
Home - About - Services - Clients - Contact<br>
<br>
© 2020 by MyBusiness Website.</font>
</td>
</tr>
</table>
</body>
</html>