Code of the Popup Box.

-

PopUp Code below here..


Step-1:- Create a  HTML Page .

1- index.html
Step-2:- Write the Code of (Index.html) Page.



<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h2>Small Modal</h2>
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Small Modal</button>
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>This is a small modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</body>
</html>



Thanks



Comments

Post a Comment

Popular posts from this blog

How to Create a Login With Signup form in php

-
Image
Code of the Login & Signup Form in php. Login & Signup form is must for websites.  Check Code Below Here.. Important Note:-  If you want run this code. First of all you need to create a mysql database and Table.  Create a database called (registration). In the registration database, add a table called (users).  The users table will take the following four fields. 1- id  - int(11)  autoincrement   primary key 2- username  -  varchar(100)    collation(latin1_swedish)_ci 3- email  -  varchar(100) 4- password  -  varchar(100) Step:1:- Create a 5 php pages... 1- index.php 2- errors.php 3- login.php 4- register.php 5- server.php Step:2:- Write the Code of (index.php) page. <?php    session_start();    if (!isset($_SESSION['username'])) {     $_SESSION['msg'] = "You must log in first";     header('location: login.php');   }   if (isset($_GET['lo
Read more

Code of the filter Drop-down Menu.

-
Image
Drop-Down Code below here.. Step-1:-   Create a  HTML Page . 1 - index.html Step-2:-  Write the Code of (Index.html) Page. <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h2>Search/Filter Dropdown</h2> <div class="dropdown"> <button onclick="myFunction()" class="dropbtn">Dropdown</button> <div id="myDropdown" class="dropdown-content"> <input type="text" placeholder="Search.." id="myInput" onkeyup="filterFunction()"> <a href="#about">About</a> <a href="#base">Base</a> <a href="#blog">Blog</a> <a href="#contact">Contact</a>
Read more

Create a Responsive mega Drop Down.

-
Image
Mega Dropdown Code below here.. Step-1 :-   Create a  HTML Page . 1-  index.html Step-2:-  Write the Code of (Index.html) Page. <!DOCTYPE html> <html lang="en">   <head>     <title>SmartMenus jQuery Website Menu - jQuery Plugin</title>     <meta charset="utf-8">     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">         <link href="demo.css" rel="stylesheet" type="text/css" />   </head>   <body>     <nav id="main-nav">       <ul id="main-menu" class="sm sm-blue" >         <li><a href="#">Home</a></li>         <li><a href="#">About</a>           <ul>             <li><a href="#">Introduction to SmartMenus jQuery</a></li>      
Read more