HTML Code - index.html
<!DOCTYPE html>
<html>
<head>
<title>Our Group page</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div style="display: flex; align-items: center;">
<h1 style="text-align: center;">The Group's Resume</h1>
<img
src="https://raw.githubusercontent.com/15edwardz/15edwardz.github.io/master/Images/RBC-Symbol.png"
style="width: 200px; margin-left: 200px;"
/>
</div>
<div id="intro">
<h3>About Us:</h3>
<p>
We are the RBC BDL Coding Camp of 2023. Throughout this camp we are
learning to use HTML, CSS and JavaSscript. This page is a group project
where we introduce ourselves
</p>
</div>
<div>
<p>Students:</p>
<ul>
<li>
<a href="#alishba">Alishba</a>
</li>
<li>
<a href="#evan">Evan</a>
</li>
<li>
<a href="#isaac">Isaac</a>
</li>
<li>
<a href="#lauren">Lauren</a>
</li>
<li>
<a href="#saadhikha">Saadhikha</a>
</li>
<li>
<a href="#sai">Sai</a>
</li>
<li>
<a href="#shree">Shree</a>
</li>
<li>
<a href="#varya">Varya</a>
</li>
</ul>
</div>
<div>
<h3 id="alishba">Alishba</h3>
<ul>
<li>Know more than one language</li>
<li>Plays badminton</li>
</ul>
<h3 id="evan">Evan</h3>
<ul>
<li>Aviation enthusiast</li>
<li>Likes 80's pop culture</li>
</ul>
<h3 id="isaac">Isaac</h3>
<ul>
<li>Play rep soccer</li>
<li>Interested in physics and science</li>
</ul>
<h3 id="lauren">Lauren</h3>
<ul>
<li>Like reading and art</li>
<li>Favourite subject in school is math</li>
</ul>
<h3 id="saadhikha">Saadhikha</h3>
<ul>
<li>Is a swimmer</li>
<li>Likes to read and draw</li>
</ul>
<h3 id="sai">Sai</h3>
<ul>
<li>Like to play chess</li>
<li>Great at art</li>
</ul>
<h3 id="shree">Shree</h3>
<ul>
<li>Good at soccer</li>
<li>Interested in Zoology and Genetics</li>
</ul>
<h3 id="varya">Varya</h3>
<ul>
<li>Like art</li>
<li>Interested medicine</li>
</ul>
</div>
</body>
</html>
CSS Code - styles.css
body{
background-color: antiquewhite;
}
h1{
font-size: 50px;
font-family:Georgia, 'Times New Roman', Times, serif;
text-align: center;
}
#intro{
background-color:azure;
border-style: dotted;
padding: 20px;
}