Friday, May 29, 2015

Drop Down Value Fetch through ID and show name






<select class="form-control" name="country_id" value="">
<!--  DDL #######################################################################-->
<?php
include("config.php");
$select=mysql_query("select * from countrylists");
?>
<?php
while($row=mysql_fetch_array($select))

{
?><option value="<?php echo $row["id"]  ?>"><?php echo $row["name"] ?></option>


<?php
}
?>
<!--  DDL #######################################################################-->
</select>

Tuesday, May 26, 2015

CKEDITOR CODE


// ADD CKEDITOR folder also by downloading 

<!DOCTYPE html>
<html>
  <head>





<!-- CKEDITOR Script Start -->

<script src="ckeditor/ckeditor.js"></script>

<link rel="stylesheet" href="sample.css">

<script>



var editor;



// The instanceReady event is fired, when an instance of CKEditor has finished

// its initialization.

CKEDITOR.on( 'instanceReady', function( ev ) {

editor = ev.editor;



// Show this "on" button.

document.getElementById( 'readOnlyOn' ).style.display = '';



// Event fired when the readOnly property changes.

editor.on( 'readOnly', function() {

document.getElementById( 'readOnlyOn' ).style.display = this.readOnly ? 'none' : '';

document.getElementById( 'readOnlyOff' ).style.display = this.readOnly ? '' : 'none';

});

});



function toggleReadOnly( isReadOnly ) {

// Change the read-only state of the editor.

// http://docs.ckeditor.com/#!/api/CKEDITOR.editor-method-setReadOnly

editor.setReadOnly( isReadOnly );

}



</script>

<!-- CKEDITOR Script Closed -->


 
 
 
 
 
    <meta charset="UTF-8">
    <title>Poison Information </title>

    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <!-- Bootstrap 3.3.2 -->

  </head>
  <body class="skin-blue">
 
<?php include("header.php");?>

<div class="content-wrapper">
<?php include("navbar.php");?>
        <!-- Content Header (Page header) -->
        <section class="content-header">

          <h1>
Poison Information
          </h1>

          <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">Poison Information</a></li>
            <li class="active"> Poison Information Form</li>
          </ol>
        </section>

<!-- Main content -->
        <section class="content">
<div class="row form-group">
            <!-- right column -->
            <div class="col-md-12">
              <!-- general form elements disabled -->
              <div class="box box-warning">
<div class="box-body">




<!-- insert form here -->
<form method="post" action="main_poison_information_heading.php">
<div class="row form-group">
<div class="col-lg-12">
<div class="col-lg-6">
Main Poison Information Heading
</div>

<div class="col-lg-6">
<input type="text" name="main_heading" placeholder="Main Heading"class="form-control" id="exampleInputEmail1">
</div>




</div>

<!-- CKEDITOR TEXTAREA START -->

<div class="col-lg-12">
<div class="col-lg-12">
<textarea name="ckeditor" id="email_content" class="ckeditor" id="email_content" cols="100" rows="10"></textarea>
</div>
</div>

<!-- CKEDITOR TEATAREA Closed -->

<div class="col-lg-12">
<div class="col-lg-12">
<input type="submit"name="sub" value=" Add Poison Information Headings">
<a href="search.php"><input type="button" name="sub" value=" Search Poison"></a>
</div>
</div>
</div>
</form>



             <!-- insert form here -->
  </div><!-- /.box-body -->
              </div><!-- /.box -->
            </div><!--/.col (right) -->
          </div>   <!-- /.row -->
        </section><!-- /.content -->
      </div>
<?php
include("footer.php");
?>

</body>
</html>

View Pop Up on fetch Page in PHP [Consider CSS Part ]





<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>TechNaitra | Dashboard</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <!-- Bootstrap 3.3.2 -->
<!-- Start CSS For Pop Up on View Button -->
<style>
.modalDialog {
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.8);
z-index: 99999;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
}

.modalDialog:target {
opacity:1;
pointer-events: auto;
}

.modalDialog > div {

position: relative;
margin: 20px;
padding: 30px;
border-radius: 10px;
background: #fff;
background: -moz-linear-gradient(#fff, #999);
background: -webkit-linear-gradient(#fff, #999);
background: -o-linear-gradient(#fff, #999);
}

.close {
background: #fff;
color: #FFFFFF;
line-height: 25px;
position: absolute;
right: -12px;
text-align: center;
top: -10px;
width: 24px;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
opacity:1 !important;
}

.close:hover { background: #00d9ff; }
</style>

<!-- Close CSS For Pop Up on View Button -->
  </head>
  <body class="skin-blue">
 
<?php

include("sidebar.php");
?>

<div class="content-wrapper">
<!-- Nav bar here -->
<?php include("navbar.php"); ?>
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <h1>
            Student Admission Form
          </h1>
          <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">Forms</a></li>
            <li class="active">Student Admission Form</li>
<li class="active">Show</li>
          </ol>
        </section>






<!-- Main content -->
        <section class="content">
          <div class="row">
            <div class="col-xs-12">



<div class="box">
                <div class="box-header">
                  <h3 class="box-title">Data Table With Full Features</h3>
                </div><!-- /.box-header -->
                <div class="box-body">

<?php
error_reporting(0);

include("config.php");
$select = mysql_query("select * from drug_list");
//echo "$select";
?>
<table class="table table-bordered table-striped">
<tr>

<th>Brand Name</th>
<th>Ingredients</th>
<th>Purpose</th>
<th>Category</th>
<th>Class</th>
<th>State</th>
<th>Colour</th>
<th colspan="3">Operations</th>


</tr>

<?php
while($row=mysql_fetch_array($select))
{
?>
<tr>
<td><?php echo $row['brand_name']."<br>"; ?> </td>
<td><?php echo $row['ingredients']."<br>"; ?> </td>
<td><?php echo $row['purpose']."<br>"; ?> </td>
<td><?php echo $row['category']."<br>"; ?> </td>
<td><?php echo $row['class']."<br>"; ?> </td>
<td><?php echo $row['state']."<br>"; ?> </td>
<td><?php echo $row['colour']."<br>"; ?> </td>


        <td> <a href="edit_drugs_list.php?

brand_name=<?php echo $row['brand_name']?>&
ingredients=<?php echo $row['ingredients']?>&
purpose=<?php echo $row['purpose']?>&
category=<?php echo $row['category']?>&
class=<?php echo $row['class']?>&
state=<?php echo $row['state']?>&
colour=<?php echo $row['colour']?>&
odour=<?php echo $row['odour']?>&
toxic_dose_specified=<?php echo $row['toxic_dose_specified']?>&
lethal_dose_specified=<?php echo $row['lethal_dose_specified']?>&
antidote_specified=<?php echo $row['antidote_specified']?>&
first_aid_measures=<?php echo $row['first_aid_measures']?>&
quantity=<?php echo $row['quantity']?>

">


Edit </a> </td>

<td> <a href="delete_drugs_list.php?drug_list_id=<?php echo $row['drug_list_id']?>">Delete</a> </td>



<td>
<a href="#w<?php echo $row['drug_list_id']?>" >View Details</a>
<div id="w<?php echo $row['drug_list_id']?>" class="modalDialog">
<div>
<a href="#close" title="Close" class="close">X</a>

<table border="1"><tr><td>Drug List_Id</td><td><?php echo $row['drug_list_id']?></td></tr>
<tr><td>Brand Nname</td><td><?php echo $row['brand_name']?></td></tr>
<tr><td>Ingredients</td><td><?php echo $row['ingredients']?></td></tr>
<tr><td>Purpose</td><td><?php echo $row['purpose']?></td></tr>
<tr><td>Category</td><td><?php echo $row['category']?></td></tr>
<tr><td>Class</td><td><?php echo $row['class']?></td></tr>
<tr><td>State</td><td><?php echo $row['state']?></td></tr>
<tr><td>Colour</td><td><?php echo $row['colour']?></td></tr>
<tr><td>Odour</td><td><?php echo $row['odour']?></td></tr>
<tr><td>Toxic Dose Specified</td><td><?php echo $row['toxic_dose_specified']?></td></tr>
<tr><td>Lethal Dose Specified</td><td><?php echo $row['lethal_dose_specified']?></td></tr>
<tr><td>antidote Specified</td><td><?php echo $row['antidote_specified']?></td></tr>
<tr><td>First Aid Mmeasures</td><td><?php echo $row['first_aid_measures']?></td></tr>
<tr><td>Quantity</td><td><?php echo $row['quantity']?></td></tr></table>
</div>
</div>

</td>
</tr>

<?php
}
?>



















  </table>
                </div><!-- /.box-body -->
              </div><!-- /.box -->
            </div><!-- /.col -->
          </div><!-- /.row -->
        </section><!-- /.content -->
      </div><!-- /.content-wrapper -->

Thursday, January 1, 2015

JOINS in PHP Language


INNER JOIN

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>example-php-mysql-bit_count()</title>
</head>
<body>
<?php
include("config.php");
?>


<?php
echo "<h2>List of the book ids, name of the book and category description : </h2>";
echo "<table border='1' style='border-collapse: collapse;border-color: silver;'>";
echo "<tr style='font-weight: bold;'>";
echo "
<td width='200' align='center'>Book ID</td>
<td width='200' align='center'>Name of the book</td>
<td width='200' align='center'>Category description</td>
";
echo "</tr>";


$result = mysql_query("SELECT book_mast.book_id,book_mast.book_name,cate_descrip
FROM book_mast
INNER JOIN category
ON book_mast.cate_id=category.cate_id");


while($row=mysql_fetch_array($result))
{
echo "<tr>";
echo "<td align='center' width='200'>" . $row['book_id'] . "</td>";
echo "<td align='center' width='200'>" . $row['book_name'] . "</td>";
echo "<td align='center' width='200'>" . $row['cate_descrip'] . "</td>";
echo "</tr>";
}
echo "</table>";
?>


</body>
</html>

LEFT JOIN in PHP Language


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
<title>example-php-mysql-bit_count()</title>  
</head>  
<body>  
<?php
include("config.php");
?>


<?php  
echo "<h2>List of the book ids, name of the book and category description : </h2>";  
echo "<table border='1' style='border-collapse: collapse;border-color: silver;'>";  
echo "<tr style='font-weight: bold;'>";  
echo "
<td width='200' align='center'>Book ID</td>
<td width='200' align='center'>Name of the book</td>
<td width='200' align='center'>Category description</td>
";  
echo "</tr>";  

  
$result = mysql_query("SELECT book_mast.book_id,book_mast.book_name,cate_descrip  
FROM book_mast  
LEFT JOIN category  
ON book_mast.cate_id=category.cate_id");  


while($row=mysql_fetch_array($result))  
{  
echo "<tr>";  
echo "<td align='center' width='200'>" . $row['book_id'] . "</td>";  
echo "<td align='center' width='200'>" . $row['book_name'] . "</td>";  
echo "<td align='center' width='200'>" . $row['cate_descrip'] . "</td>";  
echo "</tr>";  
}  
echo "</table>";  
?>  


</body>  
</html>  


RIGHT JOIN in PHP Language

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
<title>example-php-mysql-bit_count()</title>  
</head>  
<body>  
<?php
include("config.php");
?>


<?php  
echo "<h2>List of the book ids, name of the book and category description : </h2>";  
echo "<table border='1' style='border-collapse: collapse;border-color: silver;'>";  
echo "<tr style='font-weight: bold;'>";  
echo "
<td width='200' align='center'>Book ID</td>
<td width='200' align='center'>Name of the book</td>
<td width='200' align='center'>Category description</td>
";  
echo "</tr>";  

  
$result = mysql_query("SELECT book_mast.book_id,book_mast.book_name,cate_descrip  
FROM book_mast  
RIGHT JOIN category  
ON book_mast.cate_id=category.cate_id");  


while($row=mysql_fetch_array($result))  
{  
echo "<tr>";  
echo "<td align='center' width='200'>" . $row['book_id'] . "</td>";  
echo "<td align='center' width='200'>" . $row['book_name'] . "</td>";  
echo "<td align='center' width='200'>" . $row['cate_descrip'] . "</td>";  
echo "</tr>";  
}  
echo "</table>";  
?>  


</body>  
</html>  

Database

database name - dbopen
table name - book_mast ( book_id, book_name, cate_id)
table name - category ( cate_id , cate_descrip)

here, book_id , cate_id are Primary ID's or Auto Increment



Wednesday, October 1, 2014

1.4 Contact us

Coding of Contact us  Page  :-

Header


Header is Divided into Two Parts

1.       Logo
2.       Menubar

Coding Part:

<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Foundation | Welcome</title>
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="css/style.css" />
<script src="js/vendor/modernizr.js"></script>
</head>
<body>

<!-- This is Border Class  -->

<div class="row border">
<div class="large-12">
<!-- This is the Logo Part  -->
<div class="row">
<div class="large-12">
<div class="large-4 columns">
<img src="img/logo.png">
  </div><!—Logo Div Close-->

<!-- This is the Menu Bar -->
<div class="large-8 columns">
<nav class="top-bar" data-topbar role="navigation">
<section class="top-bar-section">

<!-- Left Nav Section -->
<ul class="left">
<li><a href="home.html">Home</a></li>
<li><a href="Aboutus.html">About us</a></li>
<li><a href="Services.html">Services</a></li>
<li><a href="Potfolio.html">Portfolio</a></li>
<li><a href="Contactus.html">Contact us</a></li>
</ul>
</section>
</nav>
</div>    <!--Menu Bar Div Close-->
</div<!--Class-12 Div Close-->
</div<!-- Row Div Close-->





<!—Contact Us Banner-->




<!--Coding  -->

<div class="row">
<div class="large-12 columns">
<div class="myabout">
<h3>Contact us</h3>
</div>
</div<!--Div of Large-12  Closed-->
</div> <!--Div of Row is Closed-->



<!—Content Part of Contact Page-->




<!--  Coding of Content Part -->

<div class="row paragraph">
<div class="large-12 columns">
<div class="large-8 columns">
<div class="mycontact">
<center>
<h5><b>KMC Works</b></h5>
<center>
120 Adelaide Street West, Suite 2500 <br>
Toronto Ontorio</br>
M5H 1T1 <br>
Office Phone: 416-644-1213<br>
Email:Info@Kmcworks.Com<br><br><br>

</center>
<iframe src="https://www.google.com/maps/embed?pb=!1m22!1m12!1m3!1d54875.194762473584!2d76.64607465016987!3d30.72684236461795!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m7!1i0!3e6!4m3!3m2!1d30.7241254!2d76.68576759999999!4m0!5e0!3m2!1sen!2sin!4v1411368362867" width="400" height="300" frameborder="0" style="border:0"></iframe>
</center>
</div><!--Div of My Content Closed-->
</div><!--Div of Large-8  Closed-->

<div class="large-4 columns">
<h5>
<b>Have a question?<b>
</h5>

<h6>Your name (required) </h6>
<input type="text" name="text" value=" ">

<h6>Your email (required) </h6>
<input type="text" name="text" value=" ">

<h6>Subject  </h6>
<input type="text" name="text" value=" ">

<textarea rows="6" cols="40"></textarea>

<input class="send" type="button" value="send">
</div><!--Div of Large-4 Closed-->
</div><!--Div of Large-12 Closed-->
</div><!--Div of Row paragraph Closed-->


Footer Part:-



<!—Coding of the Footer Part-->

<div class="row">
<div class="large-12 columns">
<nav class="top-bar" data-topbar role="navigation">
<section class="top-bar-section">
<!-- Left Nav Section -->
<div class="myfooter">
<ul class="right">
<li><a href="home.html">Home</a></li>
<li><a href="Aboutus.html">About us</a></li>
<li><a href="Services.html">Services</a></li>
<li><a href="Potfolio.html">Portfolio</a></li>
<li><a href="Contactus.html">Contact us</a></li>
</ul> <!— Ul Tag of Menubar Part at Footer has been Closed  -->
</div>
</section>
</nav>
</div>  <!—Large-12  Div Close-->
</div>  <!—Row Div Close-->
</div<!—Large-12 Border  Div Close-->
</div<!—Row Border Div Close-->
<script src="js/vendor/jquery.js"></script>
<script src="js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
</body>              <!—Tag of Body Part has been End Here -->
</html>                               <!--Tag of Body Part has been End Here -->



1.4 Portfolio

Coding of Portfolio Page  :-

Header

 


Header is Divided into Two Parts

1.       Logo
2.       Menubar

Coding Part :

<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Foundation | Welcome</title>
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="css/style.css" />
<script src="js/vendor/modernizr.js"></script>
</head>
<body>



<!-- This is Border Class  -->

<div class="row border">
<div class="large-12">
<!-- This is the Logo  -->
<div class="row">
<div class="large-12">
<div class="large-4 columns">
<img src="img/logo.png">
</div> <!—Logo Div Close-->


<!-- This is the Menu Bar -->
<div class="large-8 columns">
<nav class="top-bar" data-topbar role="navigation">
<section class="top-bar-section">

<!-- Left Nav Section -->
<ul class="left">
<li><a href="home.html">Home</a></li>
<li><a href="Aboutus.html">About us</a></li>
<li><a href="Services.html">Services</a></li>
<li><a href="Potfolio.html">Portfolio</a></li>
<li><a href="Contactus.html">Contact us</a></li>
</ul>
</section>
</nav>
</div>    <!--Menu Bar Div Close-->
</div<!--Class-12 Div Close-->
</div<!-- Row Div Close-->



<!—Portfolio Banner-->


<!--Coding  -->

<div class="row">
<div class="large-12 columns">
<div class="myabout">
<h3>Services</h3>
</div>
</div <!--Div of Large-12  Closed-->
</div> <!--Div of Row is Closed-->


  
<!—Content Part Of Portfolio Page-->






<!--  Coding of Content Part -->

<div class="row paragraph">
<div class="large-12 columns">
<div class="myport">
<div class="large-4 columns">
<img src="img/p1.PNG" /><br /><br /><br />
<img src="img/p2.PNG" /><br /><br /><br />
<img src="img/p3.PNG" /><br /><br /><br />
<img src="img/p1.PNG" /><br /><br /><br />
<img src="img/p2.PNG" /><br /><br /><br />
<img src="img/p3.PNG" />

</div><!--Div of Large-4  Closed-->

<div class="large-4 columns">
<h2>Learn More</h2>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
</p>

<h2>Learn More</h2>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
</p>

<h2>Learn More</h2>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
</p>

<h2>Learn More</h2>


<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
</p><br><br>

<h2>Learn More</h2>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
</p><br><br>

<h2>Learn More</h2>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
</p>

</div>><!--Div of Large-4  Closed-->


<div class="large-4 columns">
<h5>
<b>Have a question?<b>
</h5>

<h6>Your name (required) </h6>
<input type="text" name="text" value=" ">

<h6>Your email (required) </h6>
<input type="text" name="text" value=" ">

<h6>Subject  </h6>
<input type="text" name="text" value=" ">

<textarea rows="6" cols="40"></textarea>

<input class="send" type="button" value="send">
</div>><!--Div of Large-4  Closed-->
</div>><!--Div of Myport  Closed-->
</div>><!--Div of Large-12  Closed-->
</div>><!--Div of Rowparagraph  Closed-->




Footer



<!—Coding of the Footer Part-->
<div class="row">
<div class="large-12 columns">
<nav class="top-bar" data-topbar role="navigation">
<section class="top-bar-section">
<!-- Left Nav Section -->
<div class="myfooter">
<ul class="right">
<li><a href="home.html">Home</a></li>
<li><a href="Aboutus.html">About us</a></li>
<li><a href="Services.html">Services</a></li>
<li><a href="Potfolio.html">Portfolio</a></li>
<li><a href="Contactus.html">Contact us</a></li>
</ul> <!— Ul Tag of MenuBar Part at Footer has been Closed  -->
</div>
</section>
</nav>
</div>  <!—Large-12  Div Close-->
</div>  <!—Row Div Close-->
</div<!—Large-12 Border  Div Close-->
</div<!—Row Border Div Close-->
<script src="js/vendor/jquery.js"></script>
<script src="js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
</body>              <!—Tag of Body Part has been End Here -->
</html>                               <!--Tag of Body Part Has Been End Here -->



1.3 services

Coding of Services Page  :-

Header



Header is Divided into Two Parts

1.       Logo
2.       Menubar

Coding Part:

<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Foundation | Welcome</title>
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="css/style.css" />
<script src="js/vendor/modernizr.js"></script>
</head>
<body>

<!-- This is Border Class  -->

<div class="row border">
<div class="large-12">
<!-- This is the Logo  -->
<div class="row">
<div class="large-12">
<div class="large-4 columns">
<img src="img/logo.png">
</div>  <!—Logo Div Close-->

<!-- This is the Menu Bar -->
<div class="large-8 columns">
<nav class="top-bar" data-topbar role="navigation">
<section class="top-bar-section">

<!-- Left Nav Section -->
<ul class="left">
<li><a href="home.html">Home</a></li>
<li><a href="Aboutus.html">About us</a></li>
<li><a href="Services.html">Services</a></li>
<li><a href="Potfolio.html">Portfolio</a></li>
<li><a href="Contactus.html">Contact us</a></li>
</ul>
</section>
</nav>
</div>    <!--Menu Bar Div Close-->
</div<!--Class-12 Div Close-->
</div<!-- Row Div Close-->



<!—Services Part us Banner-->





<!--Coding  -->

<div class="row">
<div class="large-12 columns">
<div class="myabout">
<h3>Services</h3>
</div>
</div<!--Div of Large-12  Closed-->
</div> <!--Div of Row is Closed-->


<!—Content Part Of Services Page-->






<!--  Coding of Content Part -->

<div class="row paragraph">
<div class="large-12">
<div class="large-3 columns">
<div class="cont1">
<b>Mechanical</b><br><br>
<img src="img/arrow.png">&nbsp HVAC system</img><br>
<img src="img/arrow.png">&nbsp Plumbing System </img><br>
<img src="img/arrow.png">&nbsp Speciality piping</img><br>
</div<!--  Coding of Content Part -->
</div <!—Div of Large-3 Closed -->

<div class="large-5 columns">
<div class="slide">
<ul class="example-orbit" data-orbit>
<li>
<img src="img/about.png" alt="slide 1" />
<div class="orbit-caption">
Caption One.
</div>
</li>  <!--Li Part of 1st Image of Slider Closed-->

<li class="active">
<img src="img/about.png" alt="slide 2" />
<div class="orbit-caption">
Caption Two.
</div>
</li> <!--Li Part of 2nd  Image of Slider Closed-->

<li>
<img src="img/about.png" alt="slide 3" />
<div class="orbit-caption">
Caption Three.
</div>
</li> <!--Li Part of 3rd Image of Slider Closed-->
</ul> <!—Ul Tag is Closed-->
</div><!—Div of Large-3 Closed -->
</div> <!--Div of Large- 5 Columns Closed -->



<div class="large-4 columns">
<h5>
<b>Have a question?<b>
</h5>

<h6>Your name (required) </h6>
<input type="text" name="text" value=" ">
<h6>Your email (required) </h6>

<input type="text" name="text" value=" ">

<h6>Subject  </h6>
<input type="text" name="text" value=" ">
<textarea rows="6" cols="40"></textarea>
<input class="send" type="button" value="send">
</div>><!—Div of Large-4 Closed -->
</div>><!—Div of Row Closed -->
</div>><!—Div of Row Paragraph Closed -->


Footer



<!—Coding of the Footer Part-->

<div class="row">
<div class="large-12 columns">
<nav class="top-bar" data-topbar role="navigation">
<section class="top-bar-section">
<!-- Left Nav Section -->
<div class="myfooter">
<ul class="right">
<li><a href="home.html">Home</a></li>
<li><a href="Aboutus.html">About us</a></li>
<li><a href="Services.html">Services</a></li>
<li><a href="Potfolio.html">Portfolio</a></li>
<li><a href="Contactus.html">Contact us</a></li>
</ul> <!— Ul tag of menubar Part at Footer has been Closed  -->
</div>
</section>
</nav>
</div>  <!—Large-12  Div Close-->
</div>  <!—Row Div Close-->
</div<!—Large-12 Border  Div Close-->
</div<!—Row Border Div Close-->
<script src="js/vendor/jquery.js"></script>
<script src="js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
</body>              <!—Tag of Body Part has been End Here -->
</html>                               <!--Tag of Body Part has been End Here -->