<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bootstrap 101 Template</title> <!-- Bootstrap --> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <h1>Hello, world!</h1> <div class="container"> <div class="row" id="rowfirst" > <div class ="col-md-12" > <p style="font-family:calibri;font-size:40px;color:red;"> KALYAN MATRIMONY</p> </div> </div> <div class="row"> <div class= "col-md-12"> <h1 style="font-size:30px; "> Profile Regsitration</h1> </div> </div> <div class="row" style="border:solid"> <div class= "col-md-2"> <h1 style="font-size:20px; "> Basic Information</h1> </div> <div class= "col-md-2"> <h1 style="font-size:20px; "> Physical Charecteristics</h1> </div> <div class= "col-md-2"> <h1 style="font-size:20px; ">Education and Occupation</h1> </div> <div class= "col-md-2"> <h1 style="font-size:20px; ">Astrological Information</h1> </div> <div class= "col-md-1"> <h1 style="font-size:20px; ">Habits</h1> </div> <div class= "col-md-1"> <h1 style="font-size:20px; ">Family Profile</h1> </div> <div class= "col-md-2"> <h1 style="font-size:20px; ">Description</h1> </div> </div> <div class="row" id="row12" style="background-color:red"> <div class= "col-md-12" ;> </div> </div> <div class="row" id="row1" style="background-color:#f2c1e5"> <div class="col-md-4" id="col1of5" > <h3> Physical Charecteristics</h3> </div> </div> <div class="row" id="row2"> <div class="col-md-2" id="col3of5"> <f1>Height ft/cms</f1> </div> <div class="col-md-1" id="col4of5"> <select> <option></option> <option> 4ft</option> <option>5ft</option> <option> 6ft</option> </select> </div> </div> <div class="row" id="row3"> <div class="col-md-2" id="col3of5"> <f3>Weight (kgs)</f3> </div> <div class="col-md-1" id="col4of5"> <select> <option></option> <option> 50kgs</option> <option>55kgs</option> <option> 60kgs</option> </select> </div> </div> <div class="row" id="row4"> <div class="col-md-2" id="col3of5"> <f3>Body Type</f3> </div> <div class="col-md-1" id="col4of5"> <select> <option></option> <option> Slim</option> <option>Average</option> <option> Athelete</option> <option> Heavy</option> </select> </div> </div> <div class="row" id="row5"> <div class="col-md-2" id="col3of5"> <f3>Completion</f3> </div> <div class="col-md-1" id="col4of5"> <select> <option></option> <option> Very Fair</option> <option>Fair</option> <option> Whitesh</option> <option> Dark</option> </select> </div> </div> <div class="row" id="row6"> <div class="col-md-2" id="col3of5"> <f3>Physical Status</f3> </div> <div class="col-md-1" id="col4of5"> <select> <option></option> <option> Normal</option> <option>Physically Chalenged</option> </select> </div> </div> <div class="row" id="row1"style="background-color:#f2c1e5" > <div class="col-md-4" id="col1of5"> <h3> Education and Occupation</h3> </div> </div> <div class="row" id="row2"> <div class="col-md-2" id="col3of5" > <f1>Highest Education</f1> </div> <div class="col-md-1" id="col4of5" > <select> <option></option> <option> All bachlors in Engg/Computer Science</option> <option>Aeronatical Engg</option> <option> B.Arch</option> <option>BCA</option> <option>B.Sc IT/ Computers</option> <option>All bachlors in Arts and Science</option> <option>All bachlors in Medicine</option> </select> </div> </div> <div class="row" id="row3"> <div class="col-md-2" id="col3of5"> <f3>Employment Type</f3> </div> <div class="col-md-1" id="col4of5"> <select> <option></option> <option>Government</option> <option>Private</option> <option> Business</option> <option> Defence</option> </select> </div> </div> <div class="row" id="row4"> <div class="col-md-2" id="col3of5" > <f3>Occupation</f3> </div> <div class="col-md-1" id="col4of5"> <select> <option></option> <option> Admin</option> <option>Manager</option> <option> Officer</option> <option> Supervisor</option> <option> Accontant</option> <option>HR</option> <option> Piolet</option> <option> CA</option> </select> </div> </div> <div class="row" id="row5"> <div class="col-md-2" id="col3of5" > <f3>Monthly Income</f3> </div> <div class="col-md-1" id="col4of5"> <select> <option></option> <option>10000 t0 15000</option> <option>16000 to 20000</option> <option> 21000 to 30000</option> <option> 30000 to 40000</option> </select> </div> </div> <div class="row" id="row1"style="background-color:#f2c1e5" > <div class="col-md-4" id="col1of5"> <h3>Astrology</h3> </div> </div> <div class="row" id="row6"> <div class="col-md-2" id="col3of5"> <f3>Rashi</f3> </div> <div class="col-md-1" id="col4of5"> <select> <option></option> <option>Dhanu</option> <option>makar</option> <option> Kumbh</option> <option> Mesha</option> <option> Tula</option> <option>Kanya</option> <option>Simha</option> <option> Meena</option> </select> </div> </div> <div class="row" id="row5"> <div class="col-md-2" id="col3of5"> <f3>Nakshatra</f3> </div> <div class="col-md-1" id="col4of5"> <select> <option></option> <option>Aslesha</option> <option>Purvashada</option> <option> Uttra</option> <option> Bharani</option> <option> uttarashad</option> <option> Moola</option> </select> </div> </div> <div class="row" id="row7"> <div class="col-md-2" id="col3of5"> <f3>Gotra</f3> </div> <div class="col-md-1" id="col4of5"> <select> <option></option> <option>Kashyap</option> <option>Bharadwaj</option> <option> Goutam</option> <option> Jamadgni</option> </select> </div> </div> <div class="row" id="row1"style="background-color:#f2c1e5" > <div class="col-md-4" id="col1of5"> <h3> Habits</h3> </div> </div> <div class="row" id="row6"> <div class="col-md-2" id="col3of5"> <f3>Food Habits</f3> </div> <div class="col-md-1" id="col4of5"> <select> <option>Vegitarian</option> <option>Non Vegitarian</option> <option> Eggitarian</option> </select> </div> </div> <div class="row" id="row5"> <div class="col-md-2" id="col3of5"> <f3>Smoking</f3> </div> <div class="col-md-1" id="col4of5"> <select> <option>NO</option> <option>Ocassionaly</option> <option> Yes</option> </select> </div> </div> <div class="row" id="row5"> <div class="col-md-2" id="col3of5"> <f3>Drinking</f3> </div> <div class="col-md-1" id="col4of5"> <select> <option>NO</option> <option>Ocassionaly</option> <option> Yes</option> </select> </div> </div> <div class="row" id="row1"style="background-color:#f2c1e5" > <div class="col-md-4" id="col1of5"> <h3> Family Profile</h3> </div> </div> <div class="row" id="row6"> <div class="col-md-2" id="col3of5"> <f3>Family Status</f3> </div> <div class="col-md-1" id="col4of5" > <select> <option>Middle Class</option> <option>Upper Middle Class</option> <option> Rich</option> <option> Afflunt</option> </select> </div> </div> <div class="row" id="row5"> <div class="col-md-2" id="col3of5"> <f3>Family TYpe</f3> </div> <div class="col-md-1" id="col4of5"> <select> <option>Joint Family</option> <option>Nuclear</option> <option>Others</option> </select> </div> </div> <div class="row" id="row5"> <div class="col-md-2" id="col3of5"> <f3>Family Values</f3> </div> <div class="col-md-1" id="col4of5"> <select> <option>Orthodox</option> <option>Traditional</option> <option> Moderate</option> <option> Liberal</option> </select> </div> </div> <div class="row" id="row1"style="background-color:#f2c1e5" > <div class="col-md-4" id="col1of5"> <h3> Description</h3> </div> </div> <div class="row" id="row5"> <div class="col-md-2" id="col3of5"> <f3>Description</f3> </div> <div class="row" id="row2"> <div class="col-md-2" id="col3of5"> <textarea rows="4" cols="50"> </textarea> </div> <input type="submit" value="Submit" name=""> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> </body> </html>
We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy. Accept Learn more