Skip to content

Instantly share code, notes, and snippets.

@rhmnaulia

rhmnaulia/index.html

Last active May 2, 2024 11:22
Show Gist options
  • Save rhmnaulia/5dbd7d600f284e7481bd8106f5d63b22 to your computer and use it in GitHub Desktop.
Save rhmnaulia/5dbd7d600f284e7481bd8106f5d63b22 to your computer and use it in GitHub Desktop.
Download ZIP
HTML File for Revou Mentoring Simulation 02 | Section Jayapura
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Contact Form</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<!-- FORM HEADER -->
<section class="form-container">
<div class="form-header">
<h1>Contact Us</h1>
<p>Please fill out the form below and we'll get back to you shortly.</p>
</div>
<!-- FORM BODY -->
<form class="form-body">
<fieldset class="name-fieldset">
<div class="input-group">
<label for="firstName">First Name</label>
<input
type="text"
id="firstName"
name="firstName"
placeholder="Enter your first name"
/>
</div>
<div class="input-group">
<label for="lastName">Last Name</label>
<input
type="text"
id="lastName"
name="lastName"
placeholder="Enter your last name"
/>
</div>
</fieldset>
<div class="input-group">
<label for="email">Email</label>
<input
type="email"
id="email"
name="email"
placeholder="Enter your email"
/>
</div>
<div class="input-group">
<label for="message">Message</label>
<textarea
id="message"
name="message"
placeholder="Enter your message"
></textarea>
</div>
<div class="input-group">
<button type="submit">Submit</button>
</div>
</form>
<!-- FORM FOOTER -->
<div class="form-footer">
<div class="user-avatar"></div>
<div class="user-info">
<p>John Doe</p>
<span class="user-badge">Discord User</span>
</div>
</div>
</section>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment