Contact Form Example

You might also like

Download as txt, pdf, or txt
Download as txt, pdf, or txt
You are on page 1of 2

<!

DOCTYPE html>
<html lang="en">
<head>
<title>Contact Form</title>
<style>
body {
font-family: Arial, Helvetica, sans-serif;
background-color: #F6F6F6;
margin: 0;
padding: 0;
}
.table1 {
width: 100%;
max-width: 1200px;
height: auto;
margin: 0 auto;
border-radius: 10px;
background-color: #FFFFFF;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
padding: 20px;
}
.table2 {
width: 100%;
max-width: 600px;
height: auto;
margin: 0 auto;
border-radius: 10px;
background-color: #F8F8F8;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
font-family: Arial, Helvetica, sans-serif;
padding: 20px;
}
.main {
font-size: 40px;
text-align: center;
color: #333333;
font-family: optima;
}
.logo {
width: 300px;
margin-left: 420px;
}
.star{
color: coral;
}
</style>
</head>
<body>
<table class="table1">
<tr>
<td>
<img class="logo" src="schoolLogo.png">
<h1 class="main">Join Us in Achieving the Extraordinary</h1>
</td>
</tr>
<tr>
<td>
<table class="table2">
<tr>
<td>
<h2>Application form for A-Star IGCSE & A Level
School...</h2>
<h3>Name <span class="star">*</span></h3>
<input type="text" placeholder="Your Name" required>
<br>
<h3>Email <span class="star">*</span></h3>
<input type="text" placeholder="Your Email" required>
<br>
<h3>Phone <span class="star">*</span></h3>
<input type="tel" placeholder="Your Phone Number"
maxlength="10" required>
<br>
<h3> Select your grade... </h3>
<input type="radio" name="school_year"/> Year 9
<br>
<input type="radio" name="school_year"/> Year 10
<br>
<input type="radio" name="school_year"/> Year 11
<br>
<br>
<input type="submit">
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

You might also like