@SudhuCodes
Category - HTML & CSS
Uploaded At - 6/2/2025
1<!DOCTYPE html>2<!-- ---------Code With SudhuCodes---------- -->3<html lang="en">45<head>6 <meta charset="UTF-8">7 <meta name="viewport" content="width=device-width, initial-scale=1.0">8 <title>Multistep Form - SudhuCodes</title>9 <link rel="stylesheet" href="style.css">10</head>1112<body>1314 <div class="container">15 <form id="Form1">16 <h3>CREATE ACCOUNT</h3>17 <input type="email" placeholder="Email" required>18 <input type="password" placeholder="Password" required>19 <input type="password" placeholder="Confirm Password" required>2021 <div class="btn-box">22 <button type="button" id="Next1">Next</button>23 </div>24 </form>252627 <form id="Form2">28 <h3>SOCIAL LINKS</h3>29 <input type="text" placeholder="Medium">30 <input type="text" placeholder="GitHub">31 <input type="text" placeholder="Linkedin">3233 <div class="btn-box">34 <button type="button" id="Back1">Back</button>35 <button type="button" id="Next2">Next</button>36 </div>37 </form>3839 <form id="Form3">40 <h3>PERSONAL INFO</h3>41 <input type="text" placeholder="First Name" required>42 <input type="text" placeholder="Last Name" required>43 <input type="text" placeholder="Mobile No." required>4445 <div class="btn-box">46 <button type="button" id="Back2">Back</button>47 <button type="button">Submit</button>48 </div>49 </form>5051 <div class="step-row">52 <div id="progress"></div>53 <div class="step-col"><small>Step 1</small></div>54 <div class="step-col"><small>Step 2</small></div>55 <div class="step-col"><small>Step 3</small></div>56 </div>575859 </div>6061 <script src="script.js"></script>62</body>6364</html>