Skip to content

Instantly share code, notes, and snippets.

@Abhishek27064

Abhishek27064/section.html

Last active February 15, 2023 07:22
Show Gist options
  • Save Abhishek27064/2d44be74d986eda9d02493b31ee3acb6 to your computer and use it in GitHub Desktop.
Save Abhishek27064/2d44be74d986eda9d02493b31ee3acb6 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
section.html
<html>
<head>
<title>HTML</title>
</head>
<body>
<div class='bodycontainer'>
<section class='content'>
<div class='banner'>
<img src='https://initialcommit.com/img/initialcommit/frontend-development-skills.jpg' alt='' width="800px" height="500px"/>
<div>
<div class='text'>
<h2>Software Developer</h2>
<p>The difference between Front-End and Back-End is that Front-End refers to how a web page looks, while back-end refers to how it works. You can think of Front-End as client-side and Back-End as server-side. </p>
</div>
<div class='holder'>
<table>
<tr>
<th>Language</th>
<th>Founded by</th>
<th>Founded year</th>
</tr>
<tr>
<td>HTML</td>
<td>Tim Berners-Lee</td>
<td>1993</td>
</tr>
<tr>
<td>CSS</td>
<td>HÃ¥kon Wium Lie</td>
<td>1994</td>
</tr>
<tr>
<td>JavaScript</td>
<td>Brendan Eich</td>
<td>1995</td>
</tr>
<tr>
<td>NodeJS</td>
<td>Ryan Dahl</td>
<td>2009</td>
</tr>
</table>
<form>
<label class="labelForm">Name</label>
<input type="text" placeholder="name">
<br>
<label class="labelForm">Age</label>
<input type="number" placeholder="age">
<br>
<label class="labelForm">Mobile Number</label>
<input type="number" placeholder="mobno">
<br>
<label>Gender</label>
<br>
<input type="radio" name="gender" id="male" value="male">
<label>Male</label>
<input type="radio" name="gender" id="Female" value="Female">
<label>Female</label>
<br>
<label for="occupation">Occupation:</label>
<select name="occupation" id="occupation">
<option value="student">Sudent</option>
<option value="jdeveloper">Junior Developer</option>
<option value="teacher">Teacher</option>
<option value="other">Other</option>
</select>
<br>
<label>Birthday</label>
<input type="date" name="birthday"/>
<br>
<input type="checkbox" name="tc" id="tc" value="tc">
<label>Accept Terms & Conditions</label>
<br>
<input type="submit" value="submit">
</form>
</div>
</div>
</section>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment