2.4 components.contact Contact

Custom styling and layout for the site contact form.

Example

Contact

Markup: components/contact/contact.twig

<body class="alias--contact">
	<div id="mainwrapper" class="contact-form group">
		<div id="main" class="clearfix">
			<div class="region region-content">
				<h1>Contact</h1>
				<form>
					<div id="edit-introduction">
						Interested in getting in touch? Use the form below, or contact me via the social media links below the form.
						<br>
						<em>*Denotes required field</em>
					</div>
						<label class="form-required" for="edit-name">
							Your Name
						</label>
						<input id="edit-name" type="text">
						<label class="form-required" for="edit-email">
							Your Email
						</label>
						<input id="edit-email" type="text">
						<label class="form-required" for="edit-subject">
							Subject
						</label>
						<input id="edit-subject" type="text">
						<label class="form-required" for="edit-message">
							Message
						</label>
						<textarea id="edit-message" rows="5" cols="60"></textarea>
						<input type="submit" class="webform-button--submit form-submit" name="op" value="Send Message">
				</form>
			</div>
		</div>
	</div>
</body>

Source: sass/components/contact/_contact.scss, line 1