Scribd
Upload
16 views2 pages

Div Class Formbold-Main-Wrapper

The document contains a contact form with fields for first name, last name, email, phone, job title, and message. Users can select options like web design, graphics design, or logo design for the job title field and include a message in a text area.

Uploaded by

edgesingh8791
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
16 views2 pages

Div Class Formbold-Main-Wrapper

The document contains a contact form with fields for first name, last name, email, phone, job title, and message. Users can select options like web design, graphics design, or logo design for the job title field and include a message in a text area.

Uploaded by

edgesingh8791
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

<div class="formbold-main-wrapper">

<div class="formbold-form-wrapper">

<div class="formbold-input-flex">
<div>
<label for="firstname" class="formbold-form-label"> First name
</label>
<input
type="text"
name="firstname"
id="firstname"
placeholder="Jane"
class="formbold-form-input"
/>
</div>
<div>
<label for="lastname" class="formbold-form-label"> Last name </label>
<input
type="text"
name="lastname"
id="lastname"
placeholder="Cooper"
class="formbold-form-input"
/>
</div>
</div>

<div class="formbold-input-flex">
<div>
<label for="email" class="formbold-form-label"> Mail </label>
<input
type="email"
name="email"
id="email"
placeholder="[email protected]"
class="formbold-form-input"
/>
</div>
<div>
<label for="phone" class="formbold-form-label"> Phone </label>
<input
type="text"
name="phone"
id="phone"
placeholder="(319) 555-0115"
class="formbold-form-input"
/>
</div>
</div>

<div class="formbold-input-radio-wrapper">
<label for="jobtitle" class="formbold-form-label"> What are you looking
for? </label>

<div class="formbold-radio-flex">
<div class="formbold-radio-group">
<label class="formbold-radio-label">
<input class="formbold-input-radio" type="radio" name="jobtitle"
id="jobtitle">
Web Design
<span class="formbold-radio-checkmark"></span>
</label>
</div>

<div class="formbold-radio-group">
<label class="formbold-radio-label">
<input class="formbold-input-radio" type="radio" name="jobtitle"
id="jobtitle">
Graphics Design
<span class="formbold-radio-checkmark"></span>
</label>
</div>

<div class="formbold-radio-group">
<label class="formbold-radio-label">
<input class="formbold-input-radio" type="radio" name="jobtitle"
id="jobtitle">
Logo Design
<span class="formbold-radio-checkmark"></span>
</label>
</div>

<div class="formbold-radio-group">
<label class="formbold-radio-label">
<input class="formbold-input-radio" type="radio" name="jobtitle"
id="jobtitle">
Others
<span class="formbold-radio-checkmark"></span>
</label>
</div>
</div>
</div>

<div>
<label for="message" class="formbold-form-label"> Message </label>
<textarea
rows="6"
name="message"
id="message"
placeholder="Type your message"
class="formbold-form-input"
></textarea>
</div>

<button class="formbold-btn">
Send Message
</button>

</div>
</div>

You might also like