├── Boostrap
    └── Boostrap E-commerce Page Example
    │   ├── css
    │       └── style.css
    │   ├── image
    │       ├── Geometrical-Salt-Lamps.jpg
    │       ├── Himalayan-Salt-Lamp-Bowl.jpg
    │       ├── Lamp-Banner.jpg
    │       ├── Medium-Globe-Himalayan-Salt-Lamp.jpg
    │       ├── Pyramid_Salt_Lamp_1024x1024.jpg
    │       ├── arrey_1.jpg
    │       ├── cubed-salt-lamp.jpg
    │       └── leaf_salt_lamp.jpg
    │   └── index.html
├── PHP
    └── login
    │   ├── db.php
    │   ├── functions.php
    │   ├── index.php
    │   ├── login.php
    │   ├── logout.php
    │   └── md5.php
├── custometheme
    ├── footer.php
    ├── functions.php
    ├── header.php
    ├── index.php
    ├── sidebar.php
    └── style.css
├── design
    ├── css
    │   └── style.css
    ├── images
    │   ├── Himalayan-Salt-Lamp-Bowl.jpg
    │   ├── Medium-Globe-Himalayan-Salt-Lamp.jpg
    │   ├── Pyramid_Salt_Lamp_1024x1024.jpg
    │   ├── arrey_1.jpg
    │   ├── cubed-salt-lamp.jpg
    │   ├── leaf_salt_lamp.jpg
    │   └── slider.jpg
    └── index.htm
├── forms.html
├── google.jpg
├── html-basic-2.html
├── html-theme
    ├── index.html
    └── style.css
├── image.jpg
├── mult-dim-array.php
└── table.html


/Boostrap/Boostrap E-commerce Page Example/css/style.css:
--------------------------------------------------------------------------------
 1 | .container-fluid {
 2 |     margin-right: auto;
 3 |     margin-left: auto;
 4 |     padding:0;
 5 | }
 6 | .slider-image{
 7 | 	width:100%;
 8 | 	height:100%;
 9 | }
10 | .product-grid{
11 | 	text-align:center;
12 | 	margin-top:15px;
13 | 	margin-bottom:15px;
14 | 	
15 | }
16 | .product{
17 | 	width:100%;
18 | 	height:60%;
19 | }


--------------------------------------------------------------------------------
/Boostrap/Boostrap E-commerce Page Example/image/Geometrical-Salt-Lamps.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phpdocs/Web-Samples/faee5fd24eac99fbe74abfc406ac6a629927c5fd/Boostrap/Boostrap E-commerce Page Example/image/Geometrical-Salt-Lamps.jpg


--------------------------------------------------------------------------------
/Boostrap/Boostrap E-commerce Page Example/image/Himalayan-Salt-Lamp-Bowl.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phpdocs/Web-Samples/faee5fd24eac99fbe74abfc406ac6a629927c5fd/Boostrap/Boostrap E-commerce Page Example/image/Himalayan-Salt-Lamp-Bowl.jpg


--------------------------------------------------------------------------------
/Boostrap/Boostrap E-commerce Page Example/image/Lamp-Banner.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phpdocs/Web-Samples/faee5fd24eac99fbe74abfc406ac6a629927c5fd/Boostrap/Boostrap E-commerce Page Example/image/Lamp-Banner.jpg


--------------------------------------------------------------------------------
/Boostrap/Boostrap E-commerce Page Example/image/Medium-Globe-Himalayan-Salt-Lamp.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phpdocs/Web-Samples/faee5fd24eac99fbe74abfc406ac6a629927c5fd/Boostrap/Boostrap E-commerce Page Example/image/Medium-Globe-Himalayan-Salt-Lamp.jpg


--------------------------------------------------------------------------------
/Boostrap/Boostrap E-commerce Page Example/image/Pyramid_Salt_Lamp_1024x1024.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phpdocs/Web-Samples/faee5fd24eac99fbe74abfc406ac6a629927c5fd/Boostrap/Boostrap E-commerce Page Example/image/Pyramid_Salt_Lamp_1024x1024.jpg


--------------------------------------------------------------------------------
/Boostrap/Boostrap E-commerce Page Example/image/arrey_1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phpdocs/Web-Samples/faee5fd24eac99fbe74abfc406ac6a629927c5fd/Boostrap/Boostrap E-commerce Page Example/image/arrey_1.jpg


--------------------------------------------------------------------------------
/Boostrap/Boostrap E-commerce Page Example/image/cubed-salt-lamp.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phpdocs/Web-Samples/faee5fd24eac99fbe74abfc406ac6a629927c5fd/Boostrap/Boostrap E-commerce Page Example/image/cubed-salt-lamp.jpg


--------------------------------------------------------------------------------
/Boostrap/Boostrap E-commerce Page Example/image/leaf_salt_lamp.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phpdocs/Web-Samples/faee5fd24eac99fbe74abfc406ac6a629927c5fd/Boostrap/Boostrap E-commerce Page Example/image/leaf_salt_lamp.jpg


--------------------------------------------------------------------------------
/Boostrap/Boostrap E-commerce Page Example/index.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html>
  3 | 	<head>
  4 | 		<title>Personal Website</title>
  5 | 		<!--bootstrap CSS CDN-->
  6 | 		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">
  7 | 		<!--boostrap CDN-->
  8 | 		<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  9 | 		<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
 10 | 		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/js/bootstrap.min.js" integrity="sha384-a5N7Y/aK3qNeh15eJKGWxsqtnX/wWdSZSKp+81YjTmS15nvnvxKHuzaWwXHDli+4" crossorigin="anonymous"></script>
 11 | 		<!--font awesome CDN-->
 12 | 		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 13 | 		<!-- Custom Style Sheet-->
 14 | 		<link rel="stylesheet" type="text/css" href="css/style.css" >
 15 | 	</head>
 16 | 	<body>
 17 | 	
 18 | 	<nav class="navbar navbar-expand-lg sticky-top navbar-light bg-light">
 19 | 		<h1 class="navbar-brand" >Salt-Hub</h1>
 20 | 		  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
 21 | 			<span class="navbar-toggler-icon"></span>
 22 | 		  </button>
 23 | 		  <div class="collapse navbar-collapse " id="navbarNav">
 24 | 			<ul class="navbar-nav mr-auto">
 25 | 			  <li class="nav-item active"><a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a></li>
 26 | 			  <li class="nav-item">
 27 | 				<a class="nav-link" href="#USB-Lamps">USB Lamps</a>
 28 | 			  </li>
 29 | 			  <li class="nav-item">
 30 | 				<a class="nav-link" href="#Table-Lamps">Table Lamps</a>
 31 | 			  </li>
 32 | 			  <li class="nav-item">
 33 | 				<a class="nav-link" href="#Contact-US">Contact US</a>
 34 | 			  </li>
 35 | 			</ul>
 36 | 			<ul class="navbar-nav ">
 37 | 				<li class="nav-item"><a class="nav-link" href="#"><i class="fa fa-facebook fa-2x"></i></a></li>
 38 | 				<li class="nav-item"><a class="nav-link" href="#"><i class="fa fa-twitter fa-2x"></i></a></li>
 39 | 				<li class="nav-item"><a class="nav-link" href="#"><i class="fa fa-linkedin fa-2x"></i></a></li>
 40 | 				<li class="nav-item"><a class="nav-link" href="#"><i class="fa fa-instagram fa-2x"></i></a></li>
 41 | 			</ul>
 42 | 		  </div>
 43 | 	</nav>
 44 | 				
 45 | 				
 46 | 		<div class="container-fluid">
 47 | 			<div class="row">
 48 | 				<div class="col-md-12">
 49 | 					<img src="image/Lamp-Banner.jpg" class="slider-image" />
 50 | 				</div>
 51 | 			</div>
 52 | 			<!--usb Lamp Div-->
 53 | 			<div class="row justify-content-center">
 54 | 				<div class="col-md-3" id="USB-Lamps">
 55 | 					<h1>USB LAMPS</h1>
 56 | 				</div>
 57 | 			</div>
 58 | 			<div class="row product-grid justify-content-md-center">
 59 | 				<div class="col-md-3">
 60 | 					<img class="product" src="image/Pyramid_Salt_Lamp_1024x1024.jpg" />
 61 | 					<h3>PKR 500</h3>
 62 | 					<p>Bucket Lamp</p>
 63 | 					<a href="#" class="btn btn-danger btn-lg">Buy Now</a>
 64 | 				</div>
 65 | 				<div class="col-md-3 ">
 66 | 					<img class="product" src="image/arrey_1.jpg" />
 67 | 					<h3>PKR 500</h3>
 68 | 					<p>Bucket Lamp</p>
 69 | 					<a href="#" class="btn btn-danger btn-lg">Buy Now</a>
 70 | 				</div>
 71 | 				<div class="col-md-3">
 72 | 					<img class="product" src="image/cubed-salt-lamp.jpg" />
 73 | 					<h3>PKR 500</h3>
 74 | 					<p>Bucket Lamp</p>
 75 | 					<a href="#" class="btn btn-danger btn-lg">Buy Now</a>
 76 | 				</div>
 77 | 			</div>
 78 | 			
 79 | 			<!--Big Lamps-->
 80 | 			<div class="row justify-content-md-center">
 81 | 				<div class="col-md-3" id="Table-Lamps">
 82 | 					<h1>Table LAMPS</h1>
 83 | 				</div>
 84 | 			</div>
 85 | 			<div class="row product-grid justify-content-md-center">
 86 | 				<div class="col-md-3">
 87 | 					<img class="product" src="image/Himalayan-Salt-Lamp-Bowl.jpg" />
 88 | 					<h3>PKR 2000</h3>
 89 | 					<p>Bucket Lamp</p>
 90 | 					<a href="#" class="btn btn-danger btn-lg">Buy Now</a>
 91 | 				</div>
 92 | 				<div class="col-md-3">
 93 | 					<img class="product" src="image/leaf_salt_lamp.jpg" />
 94 | 					<h3>PKR 1500</h3>
 95 | 					<p>Bucket Lamp</p>
 96 | 					<a href="#" class="btn btn-danger btn-lg">Buy Now</a>
 97 | 				</div>
 98 | 				<div class="col-md-3">
 99 | 					<img class="product" src="image/Medium-Globe-Himalayan-Salt-Lamp.jpg" />
100 | 					<h3>PKR 2500 <sup><s>3500</s></sup></h3>
101 | 					<p>Bucket Lamp</p>
102 | 					<a href="#" class="btn btn-danger btn-lg">Buy Now</a>
103 | 				</div>
104 | 			</div>
105 | 			
106 | 			<!--Contact us Form-->
107 | 			<div class="container">
108 | 			<form id="Contact-US"	>
109 | 			<div class="form-group row justify-content-md-center">
110 | 				<label for="txtName" class="col-md-1 col-form-label">Name:</label>
111 | 				<div class="col-md-5">
112 | 					<input type="text" name="txtName" id="txtName" class="form-control" placeholder="Your Name" required />
113 | 				</div>
114 | 			</div>
115 | 			<div class="form-group row justify-content-md-center">
116 | 				<label for="txtEmail" class="col-md-1 col-form-label">Email:</label>
117 | 				<div class="col-md-5">
118 | 					<input type="email" name="txtEmail" id="txtEmail" class="form-control" placeholder="Your Email" required/>
119 | 				</div>
120 | 			</div>
121 | 			<div class="form-group row justify-content-md-center">
122 | 				<label for="txtSubject" class="col-md-1 col-form-label">Subject:</label>
123 | 				<div class="col-md-5">
124 | 					<input type="text" name="txtSubject" id="txtSubject" class="form-control" placeholder="Your Subject" required/>
125 | 				</div>
126 | 			</div>
127 | 			<div class="form-group row justify-content-md-center">
128 | 				<label for="txtDesc" class="col-md-1 col-form-label">Query:</label>
129 | 				<div class="col-md-5">
130 | 					<textarea name="txtDesc" id="txtDesc" class="form-control" required placeholder="Your Questions?"></textarea>
131 | 				</div>
132 | 			</div>
133 | 			
134 | 			<div class="form-group row justify-content-center">
135 | 				<input type="submit" class="col-md-2 btn btn-primary" name="submit" value="Send"/>
136 | 				<input type="reset" class="col-md-2 btn btn-primary" style="margin-left:5px;" value="Clear"/>
137 | 			</div>
138 | 		</form>
139 | 			</div>
140 | 		</div>
141 | 	</body>
142 | </html>


--------------------------------------------------------------------------------
/PHP/login/db.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 	$server="localhost";
3 | 	$username="root";
4 | 	$password="";
5 | 	$db="testing";
6 | ?>


--------------------------------------------------------------------------------
/PHP/login/functions.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 	
 3 | 
 4 | 	
 5 | 	function check_input($value){
 6 | 		$value=trim($value); //remove the unwanted spaces
 7 | 		$value=stripslashes($value); //remove the slashes
 8 | 		$value=htmlspecialchars($value); //convert tags into special character format like from  < tag to < 
 9 | 		return $value;
10 | 	}
11 | 			
12 | 	function ValidateUser($username,$password){
13 | 		//validate the user & password
14 | 		if(empty($username)){
15 | 			return "Username is empty.";
16 | 		}else if(empty($password)){
17 | 			return "Password is empty";
18 | 		}
19 | 	}
20 | 	function CheckUser($usr,$pwd){
21 | 		require_once("db.php"); //Include the Database Login and other Details
22 | 		//Connect to database and verify the data
23 | 		$conn=new mysqli($server,$username,$password,$db);
24 | 		
25 | 		if($conn->connect_error){
26 | 			die("Error:".$conn->connect_error);
27 | 		}
28 | 		
29 | 		$SelectQuery="SELECT id FROM users WHERE username='".$usr."' and password='".$pwd."'";
30 | 		$result=$conn->query($SelectQuery);
31 | 
32 | 		if(!empty($result) && $result->num_rows>0){
33 | 			$row=$result->fetch_assoc();
34 | 			if($row['id']>0){
35 | 				return true;
36 | 			}
37 | 		}
38 | 		else 
39 | 			return false;
40 | 	}
41 | 	
42 | 	
43 | 	
44 | 
45 | ?>


--------------------------------------------------------------------------------
/PHP/login/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | session_start();
 3 | if(!isset($_SESSION['Login'])){
 4 | 	header('Location: login.php');
 5 | }
 6 | ?>
 7 | 
 8 | <!doctype html>	
 9 | <html>
10 | 	<head>
11 | 	<title>Admin Panel Inteface</title>
12 | 	</head>
13 | 	<body>
14 | 	<h1>Welcome to admin panel</h1>
15 | 	<a href="logout.php">Logout</a>
16 | 	</body>
17 | </html>


--------------------------------------------------------------------------------
/PHP/login/login.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 	require_once("functions.php");
 3 | 	if(isset($_POST['btnlogin'])){
 4 | 		$username=check_input($_POST['txtUserName']);
 5 | 		$password=check_input($_POST['txtPassword']);
 6 | 		$result=ValidateUser($username,$password);
 7 | 		if(empty($result)){
 8 | 			if(CheckUser($username,$password)){
 9 | 				session_start();
10 | 				$_SESSION['Login']=true;
11 | 				header("Location: index.php");
12 | 			}else{
13 | 				echo 'Username/password is invalid.';
14 | 			}
15 | 		}else{
16 | 			echo $result;
17 | 		}
18 | 	}
19 | ?>
20 | <!doctype html>
21 | <html>
22 | 	<head>
23 | 		<title>Login Form</title>
24 | 	</head>
25 | 	<body>
26 | 		<form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']);?>" method="POST">
27 | 			User Name:<input type="text" name="txtUserName" required />
28 | 			<br />
29 | 			Password:<input type="password" name="txtPassword" required />
30 | 			<br />
31 | 			<input type="submit" Value="Login" name="btnlogin" />
32 | 			<input type="reset" />
33 | 		</form>
34 | 	</body>
35 | </html>


--------------------------------------------------------------------------------
/PHP/login/logout.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 	session_start();
3 | 	
4 | 	session_unset();
5 | 	
6 | 	session_destroy();
7 | 	
8 | 	header("Location: login.php");
9 | ?>


--------------------------------------------------------------------------------
/PHP/login/md5.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 	$password="testing";
3 | 	$dbasevalue=md5($password);
4 | 	
5 | 	if($dbasevalue==md5($password)){
6 | 	}
7 | 	
8 | 	
9 | ?>


--------------------------------------------------------------------------------
/custometheme/footer.php:
--------------------------------------------------------------------------------
 1 | <footer class="footer">
 2 | 				<p>And this is the footer.</p>
 3 | 			</footer><!-- .footer -->
 4 | 			
 5 | 			<div>
 6 | 			<?php dynamic_sidebar( 'footer1' ); ?>
 7 | 			</div>
 8 | 		</div><!-- #wrap -->
 9 | 		<?php wp_footer(); // Crucial core hook! ?>
10 | 	</body>
11 | </html>


--------------------------------------------------------------------------------
/custometheme/functions.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | add_theme_support( 'menus' );
 3 | 
 4 | 
 5 | function custometheme_widgets_init(){
 6 | 	register_sidebar( array(
 7 | 		'name'          => esc_html__( 'Sidebar', 'ithemer' ),
 8 | 		'id'            => 'sidebar-1',
 9 | 		'description'   => esc_html__( 'Add widgets here.', 'ithemer' ),
10 | 		'before_widget' => '<div id="%1$s" class="single-sidebar widget %2$s ">',
11 | 		'after_widget'  => '</div>',
12 | 		'before_title'  => '<h2 class="widget-title">',
13 | 		'after_title'   => '</h2>',
14 | 	) );
15 | 		register_sidebar( array(
16 | 		'name'          => esc_html__( 'Footer', 'ithemer' ),
17 | 		'id'            => 'footer1',
18 | 		'description'   => esc_html__( 'Add widgets here.', 'ithemer' ),
19 | 		'before_widget' => '<div id="%1$s" class="single-sidebar widget %2$s ">',
20 | 		'after_widget'  => '</div>',
21 | 		'before_title'  => '<h2 class="widget-title">',
22 | 		'after_title'   => '</h2>',
23 | 	) );
24 | }
25 | 
26 | add_action( 'widgets_init', 'custometheme_widgets_init' );
27 | 
28 | 
29 | ?>


--------------------------------------------------------------------------------
/custometheme/header.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | 	<head>
 3 | 		<meta charset="UTF-8">
 4 | 		<title>How To Convert HTML Template to WordPress Theme - WPExplorer</title>
 5 | 		<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>"/>
 6 | 	</head>
 7 | 	<body>
 8 | 		<div id="wrap">
 9 | 			<header class="header">
10 | 				<h1><?php bloginfo('name'); ?></h1>
11 | 				<p> <?php bloginfo('description'); ?></p>
12 | 				<p>This is header section. Put your logo and other details here.</p>
13 | 			</header><!-- .header -->
14 | 			<div>
15 | 			<?php wp_nav_menu( array( 'sort_column' => 'menu_order', 'container_class' => 'menu-header' ) ); ?>
16 | 			</div>


--------------------------------------------------------------------------------
/custometheme/index.php:
--------------------------------------------------------------------------------
 1 | <?php get_header(); ?>
 2 | 	<div class="content">
 3 | 	<?php if ( have_posts() ) : ?>
 4 | 		<?php while ( have_posts() ) : the_post(); ?>
 5 | 			<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
 6 | 				<div class="post-header">
 7 | 					<div class="date"><?php the_time( 'M j y' ); ?></div>
 8 | 					<h2><a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
 9 | 					<div class="author"><?php the_author(); ?></div>
10 | 				</div><!--.post-header-->
11 | 				<div class="entry clear">
12 | 					<?php if ( function_exists( 'add_theme_support' ) ) the_post_thumbnail(); ?>
13 | 					<?php the_content(); ?>
14 | 					<?php edit_post_link(); ?>
15 | 					<?php wp_link_pages(); ?>
16 | 				</div><!--. entry-->
17 | 				<footer class="post-footer">
18 | 					<div class="comments"><?php comments_popup_link( 'Leave a Comment', '1 Comment', '% Comments' ); ?></div>
19 | 				</footer><!--.post-footer-->
20 | 			</div><!-- .post-->
21 | 		<?php endwhile; /* rewind or continue if all posts have been fetched */ ?>
22 | 			<nav class="navigation index">
23 | 				<div class="alignleft"><?php next_posts_link( 'Older Entries' ); ?></div>
24 | 				<div class="alignright"><?php previous_posts_link( 'Newer Entries' ); ?></div>
25 | 			</nav><!--.navigation-->
26 | 		<?php else : ?>
27 | 	<?php endif; ?>
28 | 	</div><!-- .content -->
29 | <?php get_sidebar(); ?>
30 | <?php get_footer(); ?>


--------------------------------------------------------------------------------
/custometheme/sidebar.php:
--------------------------------------------------------------------------------
1 | <div class="sidebar">
2 | 				<?php dynamic_sidebar( 'sidebar' ); ?>
3 | </div><!-- .sidebar -->


--------------------------------------------------------------------------------
/custometheme/style.css:
--------------------------------------------------------------------------------
1 | #wrap{margin: 0 auto; width:95%; margin-top:-10px; height:100%;}
2 | .header{width:99.8%; border:1px solid #999;height:135px;}
3 | .content{width:70%; border:1px solid #999;margin-top:5px;}
4 | .sidebar{float:right; margin-top:-54px;width:29%; border:1px solid #999;}
5 | .footer{width:99.8%;border:1px solid #999;margin-top:10px;}


--------------------------------------------------------------------------------
/design/css/style.css:
--------------------------------------------------------------------------------
 1 | body{
 2 | 	font-family:arial;
 3 | }
 4 | .container{
 5 | 	text-align:center;
 6 | 	margin-left:150px;
 7 | 	margin-right:150px;
 8 | }
 9 | 
10 | .header{
11 | 	text-align:left;
12 | 	width:100%;
13 | 	margin-left:35px;
14 | }
15 | 
16 | .logo{
17 | 	width:30%;
18 | 	display:table-cell;
19 | }
20 | .menu{
21 | 	width:70%;
22 | 	display:table-cell;
23 | 	padding-left:200px;
24 | 	text-transform:uppercase;
25 | 	font-size:14px;
26 | }
27 | .menu li{
28 | 	display:table-cell;
29 | 	padding-left:10px;
30 | }
31 | .menu li a{
32 | 	text-decoration:none;
33 | 	color:black;
34 | }
35 | .menu li a:hover{
36 | 	color:gray;
37 | }
38 | .product_row{
39 | 	margin-top:20px;
40 | 	margin-bottom:20px;
41 | }
42 | .product{
43 | 	display:table-cell;
44 | 	padding-left:70px;
45 | }
46 | .product img{
47 | 	width:250px;
48 | }
49 | .product span{
50 | 	display:block;
51 | }
52 | .footer{
53 | 	background-color:gray;
54 | 	height:35px;
55 | 	margin-left:35px;
56 | 	margin-right:35px;
57 | 	font-size:12px;
58 | 	
59 | }
60 | .footer p{
61 | 	height:100% !important;
62 | 	padding-top:9px;
63 | 	
64 | }


--------------------------------------------------------------------------------
/design/images/Himalayan-Salt-Lamp-Bowl.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phpdocs/Web-Samples/faee5fd24eac99fbe74abfc406ac6a629927c5fd/design/images/Himalayan-Salt-Lamp-Bowl.jpg


--------------------------------------------------------------------------------
/design/images/Medium-Globe-Himalayan-Salt-Lamp.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phpdocs/Web-Samples/faee5fd24eac99fbe74abfc406ac6a629927c5fd/design/images/Medium-Globe-Himalayan-Salt-Lamp.jpg


--------------------------------------------------------------------------------
/design/images/Pyramid_Salt_Lamp_1024x1024.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phpdocs/Web-Samples/faee5fd24eac99fbe74abfc406ac6a629927c5fd/design/images/Pyramid_Salt_Lamp_1024x1024.jpg


--------------------------------------------------------------------------------
/design/images/arrey_1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phpdocs/Web-Samples/faee5fd24eac99fbe74abfc406ac6a629927c5fd/design/images/arrey_1.jpg


--------------------------------------------------------------------------------
/design/images/cubed-salt-lamp.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phpdocs/Web-Samples/faee5fd24eac99fbe74abfc406ac6a629927c5fd/design/images/cubed-salt-lamp.jpg


--------------------------------------------------------------------------------
/design/images/leaf_salt_lamp.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phpdocs/Web-Samples/faee5fd24eac99fbe74abfc406ac6a629927c5fd/design/images/leaf_salt_lamp.jpg


--------------------------------------------------------------------------------
/design/images/slider.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phpdocs/Web-Samples/faee5fd24eac99fbe74abfc406ac6a629927c5fd/design/images/slider.jpg


--------------------------------------------------------------------------------
/design/index.htm:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 | 	<head>
 4 | 		<title>Product Page</title>
 5 | 		<link rel="stylesheet" type="text/css" href="css/style.css" />
 6 | 	</head>
 7 | 	<body>
 8 | 		<div class="container">
 9 | 			<div class="header">
10 | 				<div class="logo">
11 | 					<h1>E-Commerce</h1>
12 | 				</div>
13 | 				<div class="menu">
14 | 					<ul>
15 | 						<li><a href="#">Home</a></li>
16 | 						<li><a href="#">About us</a></li>
17 | 						<li><a href="#">Contact us</a></li>
18 | 					</ul>
19 | 				</div>
20 | 			</div>
21 | 			
22 | 			<div class="slider">
23 | 				<img src="images/slider.jpg" />
24 | 			</div>
25 | 			<div class="product_row">
26 | 				<h2>Featured Products</h2>
27 | 			</div>
28 | 			<div class="product_row">
29 | 				<div class="product">
30 | 					<img src="images/cubed-salt-lamp.jpg" />
31 | 					<span>Salt Lamp<br />500 PKR<sup><del>1000</del></sup></span>
32 | 				</div>
33 | 				<div class="product">
34 | 					<img src="images/cubed-salt-lamp.jpg" />
35 | 					<span>Salt Lamp<br />500 PKR<sup><del>1000</del></sup></span>
36 | 				</div>
37 | 				<div class="product">
38 | 					<img src="images/cubed-salt-lamp.jpg" />
39 | 					<span>Salt Lamp<br />500 PKR<sup><del>1000</del></sup></span>
40 | 				</div>
41 | 			</div>
42 | 			<div class="product_row">
43 | 				<h2>New Products</h2>
44 | 			</div>
45 | 			<div class="product_row">
46 | 				<div class="product">
47 | 					<img src="images/cubed-salt-lamp.jpg" />
48 | 					<span>Salt Lamp<br />500 PKR<sup><del>1000</del></sup></span>
49 | 				</div>
50 | 				<div class="product">
51 | 					<img src="images/cubed-salt-lamp.jpg" />
52 | 					<span>Salt Lamp<br />500 PKR<sup><del>1000</del></sup></span>
53 | 				</div>
54 | 				<div class="product">
55 | 					<img src="images/cubed-salt-lamp.jpg" />
56 | 					<span>Salt Lamp<br />500 PKR<sup><del>1000</del></sup></span>
57 | 				</div>
58 | 			</div>
59 | 			<div class="footer">
60 | 				<p>Copy right &copy Salt.com</p>
61 | 			</div>
62 | 		</div>
63 | 	</body>
64 | </html>


--------------------------------------------------------------------------------
/forms.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 | 	<head>
 4 | 		<title>
 5 | 			Introduction to Forms
 6 | 		</title>
 7 | 	</head>
 8 | 	<body>
 9 | 		
10 | 		<!--simple textbox-->
11 | 		<form action="server side url/filename" method="post">
12 | 			First Name: <input type="text" name="txtFirstName"/> <br />
13 | 			Last Name:  <input type="text" name="txtLastName" /> <br />
14 | 		</form>
15 | 		
16 | 		<br />
17 | 		<br />
18 | 		<!-- TextBox with Password type-->
19 | 		<form>
20 | 			User Name: <input type="text" name="txtUserName" /><br />
21 | 			Password : <input type="password" name="txtPassword" /><br />
22 | 		</form>
23 | 		
24 | 		<br />
25 | 		<br />
26 | 		<!--MultiLine Textbox -->
27 | 		<form>
28 | 			MultiLine Text: <textarea name="txtMultiLineText"></textarea>
29 | 		</form>
30 | 		
31 | 		<!--Checkbox-->
32 | 		<form>
33 | 			Do you like hockey ? <input type="checkbox" name="chkHockey" /><br />
34 | 			Do you like Cricket ?<input type="checkbox" name="chkCricket" /><br />
35 | 			Do you like Basket ball ?<input type="checkbox" name="chkCricket" checked /><br />
36 | 		</form>
37 | 		
38 | 		<br />
39 | 		<br />
40 | 		<!--Radio Button-->
41 | 		<form>
42 | 		 Please Select your Gender <br />
43 | 		<input type="radio" name="rdGender" Value="Male"/> Male
44 | 		<input type="radio" name="rdGender" Value="Female" /> Female
45 | 		</form>
46 | 		
47 | 		<br />
48 | 		<br />
49 | 		<!--Select Option-->
50 | 		<form action="" method="get">
51 | 			Please Select your Education: 
52 | 			<select name="slEdu">
53 | 				<option value="Matric">Matric</option>
54 | 				<option value="Inter">I.C.S/F.S.C/F.A</option>
55 | 				<option value="Gradute">B.A/BSIT/BSCS</option>
56 | 				<option value="MS">Mphil</option>
57 | 				<option value="PHD">Phd</option>
58 | 				
59 | 			</select>
60 | 			<br />
61 | 			<input type="submit" value="Send" />
62 | 			<input type="reset" />
63 | 		</form>
64 | 		
65 | 		<!--HTML5 New Input types-->
66 | 		<form>
67 | 			Date: <input type="date" name="txtDate" /><br />
68 | 			Color: <input type="color" name="txtcolor" /><br />
69 | 			Number: <input type="Number" name="txtNumber" /><br />
70 | 			Range:   <input type="range" name="points" min="0" max="10" /><br />
71 | 			Time: <input type="time" name="txtTime"/><br />
72 | 		</form>
73 | 	</body>
74 | </html>
75 | 


--------------------------------------------------------------------------------
/google.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phpdocs/Web-Samples/faee5fd24eac99fbe74abfc406ac6a629927c5fd/google.jpg


--------------------------------------------------------------------------------
/html-basic-2.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 | 	<head>
 4 | 		<title>intro to html and html basics 2</title>
 5 | 	</head>
 6 | 	<body>
 7 | 		<h1>Top<a name="top"></a></h1>
 8 | 		<p>This is a <b>bold</b></p>
 9 | 		<p>This is a <i>Italic</i></p>
10 | 		<p>This is a <u>Under Line</u></p>
11 | 		<p>This is a <strike>Strike</strike></p>
12 | 		<p>This is a <tt>Tele Type</tt></p>
13 | 		<p>This is a <sup>Superscript Text</sup></p>
14 | 		<p>This is a <sub>Subscript Text</sub></p>
15 | 		<p>This is a <del>Deleted Text</del></p>
16 | 		<p>This is a <big>Larger Text</big></p>
17 | 		<p>This is a <small>Smaller Text</small></p>
18 | 		
19 | 		<img src="image.jpg" alt="Technical Class"/>
20 | 		
21 | 		<p><img src="image.jpg" alt="Technical Class" width="500" height="200"/></p>
22 | 		<p>
23 | 			<img src="image.jpg" alt="Technical Class" width="500" height="200" border="3"/>
24 | 			<img src="image.jpg" alt="Technical Class" width="500" height="200" border="3"/>
25 | 		</p>
26 | 		
27 | 		<p>
28 | 			<img src="image.jpg" alt="Technical Class" width="500" height="200" border="3" />
29 | 			<img src="image.jpg" alt="Technical Class" width="500" height="200" border="3" align="right"/>
30 | 		</p>
31 | 		
32 | 		<p>
33 | 			<a href="https://google.com" target="_blank">
34 | 				<img src="google.jpg" alt="google.com" target="_top"/>
35 | 			</a>
36 | 		</p>
37 | 		
38 | 		<p><a href="#top">Goto Top</a></p>
39 | 	</body>
40 | </html>


--------------------------------------------------------------------------------
/html-theme/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | 	<head>
 3 | 		<meta charset="UTF-8">
 4 | 		<title>How To Convert HTML Template to WordPress Theme - WPExplorer</title>
 5 | 		<link rel="stylesheet" type="text/css" media="all" href="style.css"/>
 6 | 	</head>
 7 | 	<body>
 8 | 		<div id="wrap">
 9 | 			<header class="header">
10 | 				<p>This is header section. Put your logo and other details here.</p>
11 | 			</header><!-- .header -->
12 | 			<div class="content">
13 | 				<p>This is the main content area.</p>
14 | 			</div><!-- .content -->
15 | 			<div class="sidebar">
16 | 				<p>This is the side bar</p>
17 | 			</div><!-- .sidebar -->
18 | 			<footer class="footer">
19 | 				<p>And this is the footer.</p>
20 | 			</footer><!-- .footer -->
21 | 		</div><!-- #wrap -->
22 | 	</body>
23 | </html>


--------------------------------------------------------------------------------
/html-theme/style.css:
--------------------------------------------------------------------------------
1 | #wrap{margin: 0 auto; width:95%; margin-top:-10px; height:100%;}
2 | .header{width:99.8%; border:1px solid #999;height:135px;}
3 | .content{width:70%; border:1px solid #999;margin-top:5px;}
4 | .sidebar{float:right; margin-top:-54px;width:29%; border:1px solid #999;}
5 | .footer{width:99.8%;border:1px solid #999;margin-top:10px;}


--------------------------------------------------------------------------------
/image.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phpdocs/Web-Samples/faee5fd24eac99fbe74abfc406ac6a629927c5fd/image.jpg


--------------------------------------------------------------------------------
/mult-dim-array.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | //$colors=array("Black","White","Green","Red");
 4 | 
 5 | $colors=array("black"=>"Black","white"=>"White","green"=>"Green","red"=>"Red");
 6 | 
 7 | //Multi Dim Array
 8 | $products=array(
 9 |     array("pro_id"=>1,"pro_name"=>"Iphone","pro_price"=>"100,000","pro_url"=>"https://google.com"),
10 |     array("pro_id"=>1,"pro_name"=>"Iphone","pro_price"=>"100,000","pro_url"=>"https://google.com"),
11 |     array("pro_id"=>1,"pro_name"=>"Iphone","pro_price"=>"100,000","pro_url"=>"https://google.com"),
12 |     array("pro_id"=>1,"pro_name"=>"Iphone","pro_price"=>"100,000","pro_url"=>"https://google.com"),
13 |     array("pro_id"=>1,"pro_name"=>"Iphone","pro_price"=>"100,000","pro_url"=>"https://google.com"),
14 |     array("pro_id"=>1,"pro_name"=>"Iphone","pro_price"=>"100,000","pro_url"=>"https://google.com"),
15 |     array("pro_id"=>1,"pro_name"=>"Iphone","pro_price"=>"100,000","pro_url"=>"https://google.com"),
16 |     array("pro_id"=>1,"pro_name"=>"Iphone","pro_price"=>"100,000","pro_url"=>"https://google.com"),
17 |     array("pro_id"=>1,"pro_name"=>"Iphone","pro_price"=>"100,000","pro_url"=>"https://google.com"),
18 |     array("pro_id"=>1,"pro_name"=>"Iphone","pro_price"=>"100,000","pro_url"=>"https://google.com"),
19 |     array("pro_id"=>1,"pro_name"=>"Iphone","pro_price"=>"100,000","pro_url"=>"https://google.com"),
20 |     array("pro_id"=>1,"pro_name"=>"Iphone","pro_price"=>"100,000","pro_url"=>"https://google.com")
21 | 
22 | );
23 | 
24 | 
25 | 
26 | $pro_counter=1;
27 | ?>
28 | <table>
29 |     <tr>
30 | <?php
31 | for($proloop=0;$proloop<count($products);$proloop++){
32 | ?>
33 | <td>
34 |     <h1><?php echo $products[$proloop]["pro_name"]; ?></h1>
35 |     <b><?php echo $products[$proloop]["pro_price"]?></b>
36 |     <a href="<?php echo $products[$proloop]["pro_url"]?>">Buy Now</a>
37 | </td>
38 | <?php
39 |     if($pro_counter==3 && $proloop<count($products)-1){
40 |         $pro_counter=0;
41 |         echo "</tr><tr>";
42 |     }
43 |     $pro_counter++;
44 | ?>
45 | 
46 | <?php }?>
47 | </tr>
48 | </table>
49 | 
50 | 


--------------------------------------------------------------------------------
/table.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html>
  3 | 	<head>
  4 | 		<title>Tables</title>
  5 | 	</head>
  6 | 	<body>
  7 | 	
  8 | 	<br />
  9 | 	<!--simple Table--->
 10 | 		<table>
 11 | 			<tr>
 12 | 				<th>Name</th>
 13 | 				<th>Salary</th>
 14 | 			</tr>
 15 | 			<tr>
 16 | 				<td>Qasim</td>
 17 | 				<td>10000</td>
 18 | 			</tr>
 19 | 			<tr>
 20 | 				<td>Fasial</td>
 21 | 				<td>25000</td>
 22 | 			</tr>
 23 | 		</table>
 24 | 	
 25 | 	<br />
 26 | 	<!--Table With Border-->
 27 | 		<table border="1" cellpadding=20 cellspacing=5>
 28 | 			<tr>
 29 | 				<th>Name</th>
 30 | 				<th>Salary</th>
 31 | 			</tr>
 32 | 			<tr>
 33 | 				<td>Qasim</td>
 34 | 				<td>10000</td>
 35 | 			</tr>
 36 | 			<tr>
 37 | 				<td>Fasial</td>
 38 | 				<td>25000</td>
 39 | 			</tr>
 40 | 		</table>
 41 | 	
 42 | 	<br />
 43 | 	<!--table with ColSpan & RowSpan-->
 44 | 	
 45 | 		<table border="1" cellpadding=5>
 46 | 			<tr>
 47 | 				<th>S#</th>
 48 | 				<th>Name</th>
 49 | 				<th>Salary</th>
 50 | 				<th>Regular/Contract</th>
 51 | 			</tr>
 52 | 			<tr>
 53 | 				<td>1</td>
 54 | 				<td>Qasim</td>
 55 | 				<td>10000</td>
 56 | 				<td rowspan="3">All are Regular</td> <!--rospan-->
 57 | 			</tr>
 58 | 			<tr>
 59 | 				<td>2</td>
 60 | 				<td>Fasial</td>
 61 | 				<td>25000</td>
 62 | 			</tr>
 63 | 			<tr>
 64 | 				<td colspan="2">Total Salary</td> <!--colspan-->
 65 | 				<td>35000</td>
 66 | 			</tr>
 67 | 		</table>
 68 | 		<br/>
 69 | 		<!--table with Background Color & Lenght & Height-->
 70 | 		<table border="1" cellpadding=5 cellspacing=0 bgcolor="lightblue" width=600 height=200 bordercolor="red">
 71 | 			<tr>
 72 | 				<th>S#</th>
 73 | 				<th>Name</th>
 74 | 				<th>Salary</th>
 75 | 				<th>Regular/Contract</th>
 76 | 			</tr>
 77 | 			<tr>
 78 | 				<td>1</td>
 79 | 				<td>Qasim</td>
 80 | 				<td>10000</td>
 81 | 				<td rowspan="2">All are Regular</td> <!--rospan-->
 82 | 			</tr>
 83 | 			<tr>
 84 | 				<td>2</td>
 85 | 				<td>Fasial</td>
 86 | 				<td>25000</td>
 87 | 			</tr>
 88 | 			<tr>
 89 | 				<th colspan="2">Total Salary</th> <!--colspan-->
 90 | 				<td>35000</td>
 91 | 				<td>all amounts are in PKR</td>
 92 | 			</tr>
 93 | 		</table>
 94 | 		
 95 | 		<br/>
 96 | 		<!--table with Head,Body,Footer-->
 97 | 		<table border="1" cellpadding=5 cellspacing=0 bgcolor="lightblue" width=600 height=200 bordercolor="red">
 98 | 			<thead>
 99 | 				<tr>
100 | 					<th>S#</th>
101 | 					<th>Name</th>
102 | 					<th>Salary</th>
103 | 					<th>Regular/Contract</th>
104 | 				</tr>
105 | 			</thead>
106 | 			<tfoot>
107 | 				<tr>
108 | 					<th colspan="2">Total Salary</th> <!--colspan-->
109 | 					<td>35000</td>
110 | 					<td>All Amounts are in PKR</td>
111 | 				</tr>
112 | 			</tfoot>
113 | 			<tbody>
114 | 				<tr>
115 | 					<td>1</td>
116 | 					<td>Qasim</td>
117 | 					<td>10000</td>
118 | 					<td rowspan="2">All are Regular</td> <!--rospan-->
119 | 				</tr>
120 | 				<tr>
121 | 					<td>2</td>
122 | 					<td>Fasial</td>
123 | 					<td>25000</td>
124 | 				</tr>
125 | 			</tbody>
126 | 			
127 | 		</table>
128 | 	</body>
129 | </html>
130 | 


--------------------------------------------------------------------------------