Please note, this is a STATIC archive of website www.tutorialspoint.com from 11 May 2019, cach3.com does not collect or store any user information, there is no "phishing" involved.
Tutorialspoint
Home
Q/A
Tools
Coding Ground
Current Affairs
UPSC Notes
Online Tutors
Code Examples
Whiteboard
Net Meeting
Articles
Library
Videos
eBooks

Online Bootstrap Editor

bootstrap 

<!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">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

    <!-- 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>
      <div class="container">
   <div class="h3 text-primary text-center">Welcome To Bootstrap</div>
   <div class="font-weight-bold h3">Hello World!!</div>
   <div class="panel panel-default">
       <div class="panel-body bg-warning">Hello User!!Good Afternoon</div></div>
       <div class="row">
           <div class="col-sm-12">
                <header class="text-danger text-center h3">Assign Complaint / Request To Staff</header>
                
               <div class="text-danger">Filter Complaints</div>               
                    <div> 
                    <select class="pull-left">
                    <option value="ALL">ALL</option>
                    <option value="Pending">Pending</option>
                    <option value="Progress">Progress</option>
                    <option value="Closed">Closed</option>
                    
                </select>
                
                <div class="pull-right">Show<span>
                    <select>
                        <option value="100">100</option>
                        <option value="50">50</option>
                        <option value="50">20</option>
                    </select>
                    
                    
                </span>entries</div>
                
                <div class="pull-right"><input type="search" placeholder="Search Here"></div>
                
                
                </div>
                
                <div class="panel panel-success">
                    <div class="panel-body">
                        
                        <table class="table" style="overflow-x:auto;">
                            <thead>
                                <tr>
                                <th>Si.No</th>
                                <th>Complaint By</th>
                                <th>Flat Name</th>
                                <th>Category Name</th>
                                <th>Nature</th>
                                <th>Type</th>
                                <th>IsUrgent</th>
                                <th>Description</th>
                                <th>Assigned To Staff</th>
                                <th>Raised On</th>
                                <th>Status</th>
                                <th>Action</th>
                                </tr>
                            </thead>
                            
                            <tbody>
                                
                                
                                
                                
                            </tbody>
                            
                        </table>
                        
                        
                    </div>
                    
                    
                </div>
                
           </div>
           
           
           
           
       </div>
       
       
       
       
   
   </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>

Online Bootstrap Editor

bootstrap 

<div class="row">
<div class="col-md-4"> <a href ="/this-is-life/worship-gatherings"> <img class="img-rounded" src="/df_media/W1siZiIsIjIwMTgvMTAvMDIvMTEvMTQvMjcvZTU5YzA4YTctYWNjZC00ZTFlLWFlMGMtZWNkMTU3YjU5ZTYxL0VuY291bnRlci1Hb2QtVElUTEUuanBnIl1d/Encounter-God-TITLE.jpg?sha=d6e1dbc4ab0adc2f" alt="Encounter God" /></a> <a class="btn btn-block btn-lg btn-danger" href="/this-is-life/worship-gatherings">Worship Gatherings</a></div>
<div class="col-md-4"> <a href ="/this-is-life/life-groups--58"><img class="img-rounded" src="/df_media/W1siZiIsIjIwMTgvMTAvMDIvMTEvMTkvNDcvYzgzYzc4OTgtMmRjMC00OGZkLTg5MGQtODA0OGQxNmQwMWRlL1NoYXJlLUxpZmUtVElUTEUuanBnIl1d/Share-Life-TITLE.jpg?sha=ae1a488eef93e8a4" alt="Share Life" /></a> <a class="btn btn-block btn-lg btn-primary" href="/this-is-life/life-groups--58">Life Groups</a></div>
<div class="col-md-4"> <a href ="/this-is-life/apprentice-groups"><img class="img-rounded" src="/df_media/W1siZiIsIjIwMTgvMTAvMDIvMTEvMTgvMjEvOGE1NWVhYjItZjc1NC00MjIwLTllYWMtNDdhNzZhMzRhNzU3L1B1cnN1ZS1Hcm93dGgtVElUTEUuanBnIl1d/Pursue-Growth-TITLE.jpg?sha=714d04629090f171" alt="Pursue Growth" /></a><a class="btn btn-block btn-lg btn-success" href="/this-is-life/apprentice-groups">Apprentice Groups</a></div>
<div class="col-md-4"> <a href ="/serve"><img class="img-rounded" src="/df_media/W1siZiIsIjIwMTgvMTAvMDIvMDkvNTkvMDMvOTJlYjk0ZmUtNjhkZC00YWZhLThhNjgtNWNjOTdjN2JlYWYxL01ha2UtQXBwcmVudGljZXMtVElUTEUuanBnIl1d/Make-Apprentices-TITLE.jpg?sha=00ba3aa256ecdd1b" alt="Make Apprentices" /></a> <a class="btn btn-block btn-lg btn-warning" href="/serve">Multiply</a></div>
</div>

Online Bootstrap Editor

bootstrap 

<!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 rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
	<title>Theme</title>
</head>
<body>
	<div class="main-menu">
		<nav class="navbar navbar-expand-lg navbar-light bg-light">
			<div class="container">
				<a class="navbar-brand" href="">Hello</a>
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="nav">
				<span class="navbar-toggler-icon"></span>
				</button>
				<div class="collapse navbar-collapse">
					<ul class="navbar-nav ml-auto">
						<li class="nav-item active">
							<a class="nav-link" href="#">Home<span class="sr-only">(Current)</span></a>
						</li>
						<li class="nav-item active">
							<a class="nav-link" href="#">Features</a>
						</li>
						<li class="nav-item active">
							<a class="nav-link" href="#">Pricing</a>
						</li>
						<li class="nav-item active">
							<a class="nav-link" href="#">Desabled</a>
						</li>

					</ul>
				</div>				
			</div>
		</nav>
	</div>
	<!---->
	<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
	<!---->
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

</body>
</html>

sulgna first page

bootstrap 

<!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">
    
    
    <h2> Welcome To Sulagna</h2>
    <div class="row" id ="row1">
        <div class="col-md-6">
            
            <label for="Email "></label>Email Address</label>

            <input type="mail" placeholder="Email" name=""><br>
            
            
             <label for="Password "></label>Enter Password</label>
          
            <Input type="password" placeholder="Password" NAME=""><br>

                
                <input type="submit" value="Login"name=""><br>
        </div>
    </div>
    
    <div class="row" id ="row2">
     <div class="col-md-6">
         <input type="submit" value="Candidate Sign up"name="">
         <input type="submit" value="Parent sign up"name="">
    <input type="submit" value="Matchmaker Sign up"name="">     
      
    </div>
</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>

mycode

bootstrap 

<!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>

    <!-- 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>

kalyanfull 14 nov

bootstrap 

<!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>

jayakalyan1

bootstrap 

<!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="row1">
          
          <div class="col-md-12" id="col1for4" >
              <p style="font-family:calibri;font-size:50px;color:red;padding-top:40px;"> KALYAN </p> 
          </div>
              
         
          
         <div class="col-md-12" id="col2for4">
         <p style="font-family:verdana;font-size:15px;color:black;padding-bottom:80px;">
           M A T R I M O N Y 
          </div>
          
          
                </div>
            
          <div class ="row" id="row2">
                <div class="col-md-12" id="col1for2">
<img src= "https://i.ytimg.com/vi/RhtOni0SB9Y/maxresdefault.jpg" >
</div>
</div>
<div class="row" id="row3">
<div class="col-md-1" id="col1for4">
</div>
<div class="col-md-5" id="col2for4">
     <h3>KALYAN MATRIMONY</h3>
     <h4>The New Generation Matrimony Portal for the All community.</h4>
     <h4>Why Register with KalyanMatrimony.com</h4>
<h4>Lakhs of Brides & Grooms</h4>
<h4>Verified Profiles</h4>
<h4>Secure & Safe</h4>
<h4>Intelligent Compatibility Meter</h4>
<h4>Best-in-class, Built-in Search Engine</h4>
<h4>1000s of New Profiles for Top Communities</h4>
<h4>Register FREE to Find Your Life Partner</h4>
<h3>Find lakhs of profiles of brides and grooms. Register now and find your perfect match.</h3>
</div>
<div class="col-md-5" id="col3for4">
    
    <h2> REGISTER HERE</h2>
    <form>
    <label for="username">Username:</label>
    <input type="text" name="username" id="username"><br>
    
    
     <label for="gender">Gender:</label>
         <select>
        <option> Male</option>
        <option>Female</option>
         <option> Others</option>                
                         
    </select><br>
        
    <label for="Mother Tongue">Mother Tongue:</label>
     <input type="text" name="mother tongue" id="mother tongue"><br>
     
    <label for="Phone No">Phone No:</label>
     <select>
         
                         <option> 011</option>
                         <option> 012</option>
                         <option> 013</option>
                         <option> 014</option>
                     </select>
                     <input type="phone" placeholder="98453*****" name=""><br>
                     
                     
               <label for="Email">Email:</label>
     <input type="mail" name="mail" id="mail"><br>      
     
</form>
     <input type="submit" value="Submit" name="">
    </div>
</div>

</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>

kalyan

bootstrap 

<!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="row1">
          
          <div class="col-md-12" id="col1for4" >
              <p style="font-family:calibri;font-size:50px;color:red;padding-top:40px;"> KALYAN </p> 
          </div>
              
          </div>
          
         <div class="col-md-12" id="col2for4">
         <p style="font-family:verdana;font-size:15px;color:black;padding-bottom:80px;">
           M A T R I M O N Y 
          </div>
          
          
                </div>
            
          <div class ="row" id="row2">
                <div class="col-md-12" id="col1for4">
<img src= "https://i.ytimg.com/vi/RhtOni0SB9Y/maxresdefault.jpg" >

 <p>KALYAN MATRIMONY
      
The New Generation Matrimony Portal for the All community.

Why Register with KalyanMatrimony.com
Lakhs of Brides & Grooms
Verified Profiles
Secure & Safe
Intelligent Compatibility Meter
Best-in-class, Built-in Search Engine
1000s of New Profiles for Top Communities
Register FREE to Find Your Life Partner

Find lakhs of profiles of brides and grooms. Register now and find your perfect match.</p>
   </div>
   
          </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>

dropdown

bootstrap 

<!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>
   
    
<div class="dropdown">
  <a href="#" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    <span class="badge">42</span>
  </a>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li><a href="#">Action</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Another action</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</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>

login

bootstrap 

<!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="row1" >

         <div class="col-md-12" id="col 1of3" style="background-color: violet">
             
             <h1><i>Shaadi.Com </i> </h1>
             <h3 style="font-family:Book Antiqua;">dreams into reality<sup>R</sup></h3>
             
     <button onclick="document.getElementById('id01').style.display='block'">Login</button>

<!-- The Modal -->
<div id="id01" class="modal">
  <span onclick="document.getElementById('id01').style.display='none'" 
class="close" title="Close Modal">&times;</span>

  <!-- Modal Content -->
  <form class="modal-content animate" action="/action_page.php">
    <div class="imgcontainer">
      <img src="img_avatar2.png" alt="Avatar" class="avatar">
    </div>

    <div class="container">
      <label for="uname"><b>Username</b></label>
      <input type="text" placeholder="Enter Username" name="uname" required>

      <label for="psw"><b>Password</b></label>
      <input type="password" placeholder="Enter Password" name="psw" required>

      <button type="submit">Login</button>
      <label>
        <input type="checkbox" checked="checked" name="remember"> Remember me
      </label>
    </div>

    <div class="container" style="background-color:#f1f1f1">
      <button type="button" onclick="document.getElementById('id01').style.display='none'" class="cancelbtn">Cancel</button>
      <span class="psw">Forgot <a href="#">password?</a></span>
    </div>
  </form>
</div>
         </div>
          <div class="col-md-12" id="col 2of3" style="background-color: violet">
             

<img src="https://media.weddingz.in/images/47fb10c811a95dd3a88901d75a5dc2bc/d8tbT_z54Edm1xz7gcA6ULNXW6AliEOiGkMWabEaTPoWP4DSgjElD57_7yNdUuj6MlAl3hSiE

tDTBL0AWtMWr5KjRO6jYL2G97d5uRVBYw6khtt_VWP1QuP8zETEViA--lzuXPno.jpg" >
 <h2 style="color:red;"> No 1 Site For Relationship and Marraige</h2>
            <h3 style="color:red;"> Regsiter Today To Find That Someone Special</h3>
         </div>
         <div class="col-md-12" id="col 3of3" style="background-color:silver">
             
           
         </div>
     </div>


</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>

Previous 1 ... 6 7 8 9 10 11 12 ... 114 Next
Advertisements
Loading...
img img img img img img

Follow

© Copyright 2019. All Rights Reserved.

Newsletter

We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy.