formulaire c3 a0 plusieurs c3 a9tapes bootstrap avec html css

Solutions on MaxInterview for formulaire c3 a0 plusieurs c3 a9tapes bootstrap avec html css by the best coders in the world

showing results for - "formulaire c3 a0 plusieurs c3 a9tapes bootstrap avec html css"
Abdallah
12 Jun 2017
1<main>
2  <div class="stepper">
3    <div class="step--1 step-active">Step 1</div>
4    <div class="step--2">Step 2</div>
5    <div class="step--3">Step 3</div>
6    <div class="step--4">Finish</div>
7  </div>
8  <form class="form form-active">
9    <div class="form--header-container">
10      <h1 class="form--header-title">
11        Personal Info
12      </h1>
13
14      <p class="form--header-text">
15        Tell us more about you.
16      </p>
17    </div>
18    <input type="text" placeholder="Name" />
19    <input type="text" placeholder="Email" />
20    <input type="text" placeholder="Password" />
21    <button class="form__btn" id="btn-1">Next</button>
22  </form>
23  <form class="form">
24    <div class="form--header-container">
25      <h1 class="form--header-title">
26        Company Info
27      </h1>
28
29      <p class="form--header-text">
30        Tell us more about your company.
31      </p>
32    </div>
33
34    <input type="text" placeholder="Company Name" />
35    <input type="text" placeholder="Job title" />
36    <input type="text" placeholder="Location" />
37    <button class="form__btn" id="btn-2-prev">Previous</button>
38    <button class="form__btn" id="btn-2-next">Next</button>
39  </form>
40  <form class="form">
41    <div class="form--header-container">
42      <h1 class="form--header-title">
43        Social account
44      </h1>
45
46      <p class="form--header-text">
47        Tell us more about your social account.
48      </p>
49    </div>
50    <input type="text" placeholder="Linkedin" />
51    <input type="text" placeholder="Twitter" />
52    <input type="text" placeholder="Github" />
53    <button class="form__btn" id="btn-3">Submit</button>
54  </form>
55  <div class="form--message"></div>
56</main>