tag:blogger.com,1999:blog-2621104664597095512024-02-19T11:19:23.119-08:00Dheerendra VermaI'm an experienced UI/Front-end Developer with advanced level HTML5 and CSS3. I have worked on several high profile, dynamically large scale projects over the past 2 years. I've had exposure in working with government contracts, as well as experience in the private and small business sectors, and numerous contracts during the past few years.
Specialties: HTML, HTML5, CSS, CSS3, Bootstrap, cross browser development, PSD to HTML, pixel perfect work.
Dheerendra Vermahttp://www.blogger.com/profile/08479636664991441931noreply@blogger.comBlogger37125tag:blogger.com,1999:blog-262110466459709551.post-63470185452483247722022-06-01T09:44:00.001-07:002022-06-01T09:44:24.805-07:00<p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS6xLtgRr5mpcLkPR3RN07njSWq3d9GabPm7lyl6OjsD731TE1dPnlEZwqwaK1zjZCMeExuIEvUtL1UdK75EZJdBztRonKyF2icBQJxa1TqVDyssXqJcF7wyt96D0MLgnEQiJMXLSxa-29WnYmQ3Qtd5LHYXKbP8LaN9SVZuuy72eFHldpYT-CsusQDw/s840/best-website-design-services.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="726" data-original-width="840" height="277" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS6xLtgRr5mpcLkPR3RN07njSWq3d9GabPm7lyl6OjsD731TE1dPnlEZwqwaK1zjZCMeExuIEvUtL1UdK75EZJdBztRonKyF2icBQJxa1TqVDyssXqJcF7wyt96D0MLgnEQiJMXLSxa-29WnYmQ3Qtd5LHYXKbP8LaN9SVZuuy72eFHldpYT-CsusQDw/s320/best-website-design-services.jpg" width="320" /></a></div><br /> <p></p>Dheerendra Vermahttp://www.blogger.com/profile/08479636664991441931noreply@blogger.com0tag:blogger.com,1999:blog-262110466459709551.post-10552524479713736342017-05-01T21:47:00.002-07:002017-05-01T21:47:17.904-07:00Simple Slider<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLSuywJSKjFoIyAf0JDVOQnUPcfcZ1It6pRIsOaQt_FzXtX_3o77o3KUdeZcXU7oiyzkG-OYwS27W2h0Vd4Y6sBea7PyjQ-6AXo7qb6YqKVrUuqgBcJ3Rrmozg5TEEtn9Y3mxebVq64Lv0/s1600/slider.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="231" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLSuywJSKjFoIyAf0JDVOQnUPcfcZ1It6pRIsOaQt_FzXtX_3o77o3KUdeZcXU7oiyzkG-OYwS27W2h0Vd4Y6sBea7PyjQ-6AXo7qb6YqKVrUuqgBcJ3Rrmozg5TEEtn9Y3mxebVq64Lv0/s320/slider.jpg" width="320" /></a></div>
<br />
<br />
<br />
<br />
<br />
<a href="https://app.box.com/s/z0h7f6j8vl17q8f57eo1gzj8lmr4tikt" target="_blank">Download Source</a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
Dheerendra Vermahttp://www.blogger.com/profile/08479636664991441931noreply@blogger.com2tag:blogger.com,1999:blog-262110466459709551.post-19607683365721480912017-03-15T04:56:00.001-07:002017-03-15T04:56:22.241-07:00Website Designing and SEO Services <div dir="ltr" style="text-align: left;" trbidi="on">
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb6CDBBuy-wMUInQOqGiqlh6vVttSWyTPVJqaDBLR5xb3BLCObf0Zkw6WonnlA4b2W_0cFD_cmV8_C7AB0PLVAE-lVEZcrT8RSoBNh8le-lMXto6KVGrr55NQYA65Q2HGbHCIcGaSIyQ9e/s1600/dheerendraverma.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb6CDBBuy-wMUInQOqGiqlh6vVttSWyTPVJqaDBLR5xb3BLCObf0Zkw6WonnlA4b2W_0cFD_cmV8_C7AB0PLVAE-lVEZcrT8RSoBNh8le-lMXto6KVGrr55NQYA65Q2HGbHCIcGaSIyQ9e/s400/dheerendraverma.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Website Designing and SEO Services in Lucknow</td></tr>
</tbody></table>
<br /></div>
Dheerendra Vermahttp://www.blogger.com/profile/08479636664991441931noreply@blogger.com0tag:blogger.com,1999:blog-262110466459709551.post-87403214945277797292016-08-02T02:03:00.000-07:002016-08-02T02:03:04.554-07:00Left Hide Menu Responsive<div dir="ltr" style="text-align: left;" trbidi="on">
Left Hide Menu Responsive<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMc6wB4Gzflmjg1qeNMx0gTy4hav-iLPabJAmDJ6MjruKOEDoluu_fmOFCzc0g38Um2wc5Q2ynhV-81lkfPpxtNvXfK07GIHP6hQczpyR6J2yw5_BJek31XBJr0ndXAkstEhQzJVSVH-gU/s1600/dheerendra-verma-menu.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMc6wB4Gzflmjg1qeNMx0gTy4hav-iLPabJAmDJ6MjruKOEDoluu_fmOFCzc0g38Um2wc5Q2ynhV-81lkfPpxtNvXfK07GIHP6hQczpyR6J2yw5_BJek31XBJr0ndXAkstEhQzJVSVH-gU/s320/dheerendra-verma-menu.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://app.box.com/s/pvs7phbw51dcez62lek7kw9sq27o0gxh" target="_blank">Download Sourse</a></div>
<br /></div>
Dheerendra Vermahttp://www.blogger.com/profile/08479636664991441931noreply@blogger.com0tag:blogger.com,1999:blog-262110466459709551.post-9801668485786732022016-05-07T02:29:00.003-07:002016-05-07T02:29:52.810-07:00Tool Tip By Dheerendra Verma<div dir="ltr" style="text-align: left;" trbidi="on">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<title>Tool Tip By Dheerendra Verma</title><br />
<link href="css/bootstrap.min.css" rel="stylesheet"><br />
<!-- Bootstrap theme --><br />
<script src="js/jquery.min.js"></script><br />
<script src="js/bootstrap.min.js"></script><br />
</head><br />
<br />
<body><br />
<div class="container"><br />
<h3>Tool Tip By Dheerendra Verma</h3><br />
<ul class="list-inline"><br />
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Hooray!">Top</a></li><br />
<li><a href="#" data-toggle="tooltip" data-placement="bottom" title="Hooray!">Bottom</a></li><br />
<li><a href="#" data-toggle="tooltip" data-placement="left" title="Hooray!">Left</a></li><br />
<li><a href="#" data-toggle="tooltip" data-placement="right" title="Hooray!">Right</a></li><br />
</ul><br />
</div><br />
<script><br />
$(document).ready(function(){<br />
$('[data-toggle="tooltip"]').tooltip(); <br />
});<br />
</script><br />
</body><br />
</html><br />
<br />
<br />
<b><span style="color: red;">Before</span></b><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4soSsjuisaePEVMGPo950IKO5kBVGN_w-2VB7DWcj_UOGsST7QfBzs-Mpv49NXHp9eYP1uynvFpFD68voS7FR0Or8foKEyArsAgE8fTde1dCs7nXKInWaJW-KuKBbQr9DFAnKigbFzoiR/s1600/tooltip.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4soSsjuisaePEVMGPo950IKO5kBVGN_w-2VB7DWcj_UOGsST7QfBzs-Mpv49NXHp9eYP1uynvFpFD68voS7FR0Or8foKEyArsAgE8fTde1dCs7nXKInWaJW-KuKBbQr9DFAnKigbFzoiR/s320/tooltip.jpg" width="320" /></a></div>
<b><span style="color: red;">After</span></b><br />
<b><span style="color: red;"><br /></span></b>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPKI09mlNFG0DQliGi3B9nSkB8JNlyONRo7mYgUDq82w056LubIWkiM_8cUtgw-3779maSPZvTANnRGLy0GpAwbKW75q2-PEnPocSeZptocONwrNBykdL1k741BvKnnZOAr37voMU2Sfue/s1600/ttol1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="110" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPKI09mlNFG0DQliGi3B9nSkB8JNlyONRo7mYgUDq82w056LubIWkiM_8cUtgw-3779maSPZvTANnRGLy0GpAwbKW75q2-PEnPocSeZptocONwrNBykdL1k741BvKnnZOAr37voMU2Sfue/s320/ttol1.jpg" width="320" /></a></div>
<b><span style="color: red;"><br /></span></b>
<br />
<br />
Bootstrap css and js download for http://getbootstrap.com/<br />
<div>
<br /></div>
</div>
Dheerendra Vermahttp://www.blogger.com/profile/08479636664991441931noreply@blogger.com0tag:blogger.com,1999:blog-262110466459709551.post-40805907207386697202016-05-07T02:18:00.005-07:002016-05-07T02:20:26.849-07:00Bootstrap Pop by Dheerendra Verma<div dir="ltr" style="text-align: left;" trbidi="on">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<title>table</title><br />
<link href="css/bootstrap.min.css" rel="stylesheet"><br />
<!-- Bootstrap theme --><br />
<script src="js/jquery.min.js"></script><br />
<script src="js/bootstrap.min.js"></script><br />
</head><br />
<br />
<body><br />
<div class="container"><br />
<h2>Pop Created by Dheerendra Verma</h2><br />
<!-- Trigger the modal with a button --><br />
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button><br />
<br />
<!-- Modal --><br />
<div class="modal fade" id="myModal" role="dialog"><br />
<div class="modal-dialog"><br />
<br />
<!-- Modal content--><br />
<div class="modal-content"><br />
<div class="modal-header"><br />
<button type="button" class="close" data-dismiss="modal">&times;</button><br />
<h4 class="modal-title">Modal Header</h4><br />
</div><br />
<div class="modal-body"><br />
<p>Some text in the modal.</p><br />
</div><br />
<div class="modal-footer"><br />
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button><br />
</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
</body><br />
</html><br />
<div>
<br /></div>
<div>
<br /></div>
<div>
<b style="background-color: red;">Before</b></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXpPRfXsnrOE1psjNknW_h1kWgKZr4-WQyxupJH4pUqbZoBC9hMKuUVQdIHliM9Wm_4PxLuyRbkRPrzU5IUCkx_SKLwSwdUgd1FHlUj9Ggp9tvu8x9VwGKWwAZlrtwIC_Owivgr_gneuiD/s1600/pop.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="135" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXpPRfXsnrOE1psjNknW_h1kWgKZr4-WQyxupJH4pUqbZoBC9hMKuUVQdIHliM9Wm_4PxLuyRbkRPrzU5IUCkx_SKLwSwdUgd1FHlUj9Ggp9tvu8x9VwGKWwAZlrtwIC_Owivgr_gneuiD/s400/pop.jpg" width="400" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXpPRfXsnrOE1psjNknW_h1kWgKZr4-WQyxupJH4pUqbZoBC9hMKuUVQdIHliM9Wm_4PxLuyRbkRPrzU5IUCkx_SKLwSwdUgd1FHlUj9Ggp9tvu8x9VwGKWwAZlrtwIC_Owivgr_gneuiD/s1600/pop.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"> <b><span style="color: red;">After Click Open Model</span></b></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNltggrmAZ7o5oLSiqEge2zA4dIntVXGPKBBb8YXA1S4Cm4gM81OLYSNvCD5XIp44D2-rj0ABjmCVx4-yjtYYpijDmnjqz6saANxtPcBYdgA-rzAyMVXbpJ7jRC3n8Vg8QMS73OOGtE7tJ/s1600/pop1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNltggrmAZ7o5oLSiqEge2zA4dIntVXGPKBBb8YXA1S4Cm4gM81OLYSNvCD5XIp44D2-rj0ABjmCVx4-yjtYYpijDmnjqz6saANxtPcBYdgA-rzAyMVXbpJ7jRC3n8Vg8QMS73OOGtE7tJ/s400/pop1.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Bootstrap css and js download for http://getbootstrap.com/</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
</div>
Dheerendra Vermahttp://www.blogger.com/profile/08479636664991441931noreply@blogger.com0tag:blogger.com,1999:blog-262110466459709551.post-61703540427616345802016-05-07T02:11:00.003-07:002016-05-07T02:20:51.602-07:00Bootstrap Responsive Table<div dir="ltr" style="text-align: left;" trbidi="on">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<title>table</title><br />
<link href="css/bootstrap.min.css" rel="stylesheet"><br />
<!-- Bootstrap theme --><br />
</head><br />
<br />
<body><br />
<div class="container"><br />
<h2>Responsive Table for Bootstrap (Dheerendra Verma)</h2><br />
<table class="table"><br />
<thead><br />
<tr><br />
<th>Firstname</th><br />
<th>Lastname</th><br />
<th>Email</th><br />
</tr><br />
</thead><br />
<tbody><br />
<tr class="success"><br />
<td>John</td><br />
<td>Doe</td><br />
<td>john@example.com</td><br />
</tr><br />
<tr class="danger"><br />
<td>Mary</td><br />
<td>Moe</td><br />
<td>mary@example.com</td><br />
</tr><br />
<tr class="info"><br />
<td>July</td><br />
<td>Dooley</td><br />
<td>july@example.com</td><br />
</tr><br />
</tbody><br />
</table><br />
</div><br />
</body><br />
</html><br />
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGMVYHkRrO1N1BvWvhNj2yxnW5x6QvP0oVseetgz2cJ1ddJyhJwyO02lvcaFvj0uO702LTwoKlfHnOsDRGBoAI9dYM8m-lby4Yi-cqCvULj95CllPDoOwCuSqeluPD6Eba0FO3i8-NEV7Q/s1600/table.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="93" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGMVYHkRrO1N1BvWvhNj2yxnW5x6QvP0oVseetgz2cJ1ddJyhJwyO02lvcaFvj0uO702LTwoKlfHnOsDRGBoAI9dYM8m-lby4Yi-cqCvULj95CllPDoOwCuSqeluPD6Eba0FO3i8-NEV7Q/s400/table.jpg" width="400" /></a></div>
<div>
<div>
<br /></div>
<div>
Bootstrap css and js download for http://getbootstrap.com/</div>
</div>
<div>
<br /></div>
<div>
<br /></div>
</div>
Dheerendra Vermahttp://www.blogger.com/profile/08479636664991441931noreply@blogger.com0tag:blogger.com,1999:blog-262110466459709551.post-10309650190477567032016-05-07T02:05:00.001-07:002016-05-07T02:21:03.805-07:00Bootstrap Slider<div dir="ltr" style="text-align: left;" trbidi="on">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<title>table</title><br />
<link href="css/bootstrap.min.css" rel="stylesheet"><br />
<!-- Bootstrap theme --><br />
<link href="css/bootstrap-theme.min.css" rel="stylesheet"><br />
<script src="js/jquery.min.js"></script><br />
<script src="js/bootstrap.min.js"></script><br />
</head><br />
<br />
<body><br />
<div class="container"><br />
<div id="myCarousel" class="carousel slide" data-ride="carousel"><br />
<!-- Indicators --><br />
<ol class="carousel-indicators"><br />
<li data-target="#myCarousel" data-slide-to="0" class="active"></li><br />
<li data-target="#myCarousel" data-slide-to="1"></li><br />
<li data-target="#myCarousel" data-slide-to="2"></li><br />
<li data-target="#myCarousel" data-slide-to="3"></li><br />
</ol><br />
<br />
<!-- Wrapper for slides --><br />
<div class="carousel-inner" role="listbox"><br />
<div class="item active"> <img src="images/2.jpg" alt="Chania"> </div><br />
<div class="item"> <img src="images/1.jpg" alt="Chania"> </div><br />
<div class="item"> <img src="images/3.jpg" alt="Flower"> </div><br />
<div class="item"> <img src="images/2.jpg" alt="Flower"> </div><br />
</div><br />
<br />
<!-- Left and right controls --><br />
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div><br />
</div><br />
<div class="container"> <br><br />
<div id="myCarousel" class="carousel slide" data-ride="carousel"><br />
<!-- Indicators --><br />
<ol class="carousel-indicators"><br />
<li data-target="#myCarousel" data-slide-to="0" class="active"></li><br />
<li data-target="#myCarousel" data-slide-to="1"></li><br />
<li data-target="#myCarousel" data-slide-to="2"></li><br />
<li data-target="#myCarousel" data-slide-to="3"></li><br />
</ol><br />
<br />
<!-- Wrapper for slides --><br />
<div class="carousel-inner" role="listbox"><br />
<div class="item active"> <img src="images/3.jpg" alt="Chania"><br />
<div class="carousel-caption"><br />
<h3>Chania</h3><br />
<p>The atmosphere in Chania has a touch of Florence and Venice.</p><br />
</div><br />
</div><br />
<div class="item"> <img src="images/2.jpg" alt="Chania"><br />
<div class="carousel-caption"><br />
<h3>Chania</h3><br />
<p>The atmosphere in Chania has a touch of Florence and Venice.</p><br />
</div><br />
</div><br />
<div class="item"> <img src="images/1.jpg" alt="Flower"><br />
<div class="carousel-caption"><br />
<h3>Flowers</h3><br />
<p>Beatiful flowers in Kolymbari, Crete.</p><br />
</div><br />
</div><br />
<div class="item"> <img src="images/3.jpg" alt="Flower"><br />
<div class="carousel-caption"><br />
<h3>Flowers</h3><br />
<p>Beatiful flowers in Kolymbari, Crete.</p><br />
</div><br />
</div><br />
</div><br />
<br />
<!-- Left and right controls --><br />
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div><br />
</div><br />
</body><br />
</html><br />
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFiLyEexYwTXf6pXs61HyOXL5ywG63q0dnWDpcT1OGCo5hiRUOZJxbBfbnU2_N4_c4JVVPyBfJpcxDER55JEmmBTLLBIg3woGCbNhOscMF3quamooTwpM5wNpgp1VsFhZATLmdf6GUGzCa/s1600/slider.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFiLyEexYwTXf6pXs61HyOXL5ywG63q0dnWDpcT1OGCo5hiRUOZJxbBfbnU2_N4_c4JVVPyBfJpcxDER55JEmmBTLLBIg3woGCbNhOscMF3quamooTwpM5wNpgp1VsFhZATLmdf6GUGzCa/s400/slider.jpg" width="400" /></a></div>
<div>
<br /></div>
<div>
Bootstrap css and js download for <a href="http://getbootstrap.com/">http://getbootstrap.com/</a></div>
<div>
<br /></div>
<div>
<br /></div>
</div>
Dheerendra Vermahttp://www.blogger.com/profile/08479636664991441931noreply@blogger.com0tag:blogger.com,1999:blog-262110466459709551.post-12636562063806543732015-04-21T01:37:00.000-07:002015-04-21T01:37:01.851-07:00Blink Text<div dir="ltr" style="text-align: left;" trbidi="on">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<title>Dheerendra</title><br />
</head><br />
<br />
<body><br />
<div id="blinkText"></div><br />
<script><br />
// Takes text to blink and id of element to blink text in<br />
function blinkText(text, id) {<br />
// Blink interval<br />
setInterval(blinker, 250);<br />
<br />
// Flag to see what state text is in (true or false)<br />
var flag = true;<br />
<br />
// Number of times to blink text<br />
var blinkNum = 100000;<br />
var i = 1;<br />
var divID = document.getElementById(id);<br />
<br />
function blinker() {<br />
if (i < blinkNum) {<br />
if (flag) {<br />
divID.innerHTML = text;<br />
flag = false;<br />
} else {<br />
divID.innerHTML = "";<br />
flag = true;<br />
}<br />
<br />
i++;<br />
} else {<br />
// Delete if it's still showing<br />
divID.innerHTML = "";<br />
<br />
// Stop blinking<br />
clearInterval(blinker);<br />
}<br />
}<br />
}<br />
<br />
blinkText("<strong class='green'>25<sup><strong>th</strong></sup>Anniversary Georgian 90 batch</strong>", "blinkText");<br />
</script><br />
</body><br />
</html><br />
<div>
<br /></div>
<div>
<br /></div>
<h3 style="text-align: left;">
<a href="https://app.box.com/s/ybgzhuy0fkja4ibdv8dl60ixh3c09cl0" target="_blank">Download source</a></h3>
</div>
Dheerendra Vermahttp://www.blogger.com/profile/08479636664991441931noreply@blogger.com0tag:blogger.com,1999:blog-262110466459709551.post-33609406358226212042015-04-14T04:35:00.002-07:002015-04-14T04:35:38.303-07:00CSS POPUP without using js<div dir="ltr" style="text-align: left;" trbidi="on">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<title>Untitled Document</title><br />
<span style="color: red;"><link href="popup.css" rel="stylesheet" type="text/css" /></span><br />
</head><br />
<br />
<body><br />
<span style="color: blue;"><div class="modal"></span><br />
<span style="color: blue;"> <input id="modal" type="checkbox" name="modal" tabindex="1" style="display:none"></span><br />
<span style="color: blue;"> <label for="modal" >For Admission Query</label></span><br />
<span style="color: blue;"> <div class="modal__overlay"></span><br />
<span style="color: blue;"> <div class="modal__box"></span><br />
<span style="color: blue;"> <label for="modal">&#10006;</label></span><br />
<span style="color: blue;"> <div class="form-layout" style="width: 485px;"></span><br />
<span style="color: blue;"> <div class="title3" style="font-size:27px;">Website Design & Developent</div></span><br />
<span style="color: blue;"> <p class="p" style="margin-bottom: 8px;">Contact for - 7398623742</p></span><br />
<span style="color: blue;"> <p class="p"> <a href="http://e-technology.co.in/" target="_new" style="color:#fff">E-Technology</a> </p></span><br />
<span style="color: blue;"> <form action="#" method="post" name="myform" class="form" style="width:70%; margin-left: 70px; "></span><br />
<span style="color: blue;"> <input type="text" name="name" id="name" placeholder="Name" ></span><br />
<span style="color: blue;"> <input type="varchar" name="phone" id="phone" placeholder="Mobile No.") {this.placeholder= 'Mobile No.';}" ></span><br />
<span style="color: blue;"> <input type="email" name="email" id="email" placeholder="Email" ) {this.placeholder= 'Email';}" ></span><br />
<span style="color: blue;"> <select name="course" id="course" style="width:104%;"></span><br />
<span style="color: blue;"> <option value="B.Tech" selected >B.Tech</option></span><br />
<span style="color: blue;"> <option value="MBA" selected >MBA</option></span><br />
<span style="color: blue;"> <option value="PGDM" selected >PGDM</option></span><br />
<span style="color: blue;"> <option value="BBA" selected >BBA</option></span><br />
<span style="color: blue;"> <option value="BCA" selected >BCA</option></span><br />
<span style="color: blue;"> </select></span><br />
<span style="color: blue;"> <input name="page" value="index" type="hidden"></span><br />
<span style="color: blue;"> <input type="submit" name="submit" value="submit" class="submit_btn5" style="bottom: 35px;"></span><br />
<span style="color: blue;"> </form></span><br />
<span style="color: blue;"> </div></span><br />
<span style="color: blue;"> </div></span><br />
<span style="color: blue;"> </div></span><br />
<span style="color: blue;"></div></span><br />
</body><br />
</html><br />
<br />
<h3 style="text-align: left;">
<a href="https://app.box.com/s/92vdzss4nu4akqvcnxnf0e151rq0njvp" target="_blank">Download Source</a></h3>
<div>
<br /></div>
</div>
Dheerendra Vermahttp://www.blogger.com/profile/08479636664991441931noreply@blogger.com0tag:blogger.com,1999:blog-262110466459709551.post-67438847387451047422015-04-14T01:52:00.001-07:002015-04-14T01:52:43.598-07:00popup<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="color: red;"><br /></span>
<span style="color: red;"><html></span><br />
<span style="color: red;"><head></span><br />
<span style="color: red;"><title>Dheerendra Popup</title></span><br />
<span style="color: red;"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></span><br />
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script><br />
<script type="text/javascript" src="js/jquery.leanModal.min.js"></script><br />
<link type="text/css" rel="stylesheet" href="css/stylep.css" /><br />
<span style="color: red;"></head></span><br />
<span style="color: red;"><body></span><br />
<span style="color: red;"><br /></span>
<span style="color: red;"> </span><span style="color: purple;"> <ul></span><br />
<span style="color: purple;"> <li><a id="modal_trigger" href="#modal" >Login</a></li></span><br />
<span style="color: purple;"> </ul></span><br />
<span style="color: red;"> </span><br />
<span style="color: red;"> </span><span style="color: blue;"> <div id="modal" class="popupContainer" style="display:none;"></span><br />
<span style="color: blue;"> <header class="popupHeader"> <span class="header_title">Login</span> <span class="modal_close"><i class="fa fa-times"></i></span> </header></span><br />
<span style="color: blue;"> <section class="popupBody"> </span><br />
<span style="color: blue;"> <!-- Social Login --></span><br />
<span style="color: blue;"> <div class="social_login"></span><br />
<span style="color: blue;"> <div class=""> <a href="https://www.facebook.com/dheerendra.verma.756" class="social_box fb" target="_new"> <span class="icon"><i class="fa fa-facebook"></i></span> <span class="icon_title">Connect with Facebook</span> </a> <a href="https://plus.google.com/u/0/111660188473602572063" class="social_box google"> <span class="icon"><i class="fa fa-google-plus"></i></span> <span class="icon_title">Connect with Google</span> </a> </div></span><br />
<span style="color: blue;"> <div class="centeredText"> <span>Or use your Email address</span> </div></span><br />
<span style="color: blue;"> <div class="action_btns"></span><br />
<span style="color: blue;"> <div class="one_half"><a href="#" id="login_form" class="btn">Login</a></div></span><br />
<span style="color: blue;"> <div class="one_half last"><a href="#" id="register_form" class="btn">Sign up</a></div></span><br />
<span style="color: blue;"> </div></span><br />
<span style="color: blue;"> </div></span><br />
<span style="color: blue;"> </span><br />
<span style="color: blue;"> <!-- Username & Password Login form --></span><br />
<span style="color: blue;"> <div class="user_login"></span><br />
<span style="color: blue;"> <form></span><br />
<span style="color: blue;"> <label>Email / Username</label></span><br />
<span style="color: blue;"> <input type="text" /></span><br />
<span style="color: blue;"> <br /></span><br />
<span style="color: blue;"> <label>Password</label></span><br />
<span style="color: blue;"> <input type="password" /></span><br />
<span style="color: blue;"> <br /></span><br />
<span style="color: blue;"> <div class="checkbox"></span><br />
<span style="color: blue;"> <input id="remember" type="checkbox" /></span><br />
<span style="color: blue;"> <label for="remember">Remember me on this computer</label></span><br />
<span style="color: blue;"> </div></span><br />
<span style="color: blue;"> <div class="action_btns"></span><br />
<span style="color: blue;"> <div class="one_half"><a href="#" class="btn back_btn"><i class="fa fa-angle-double-left"></i> Back</a></div></span><br />
<span style="color: blue;"> <div class="one_half last"><a href="http://dheerendraverma007.blogspot.in/" class="btn btn_red">Login</a></div></span><br />
<span style="color: blue;"> </div></span><br />
<span style="color: blue;"> </form></span><br />
<span style="color: blue;"> <a href="#" class="forgot_password">Forgot password?</a> </div></span><br />
<span style="color: blue;"> </span><br />
<span style="color: blue;"> <!-- Register Form --></span><br />
<span style="color: blue;"> <div class="user_register"></span><br />
<span style="color: blue;"> <form></span><br />
<span style="color: blue;"> <label>Full Name</label></span><br />
<span style="color: blue;"> <input type="text" /></span><br />
<span style="color: blue;"> <br /></span><br />
<span style="color: blue;"> <label>Email Address</label></span><br />
<span style="color: blue;"> <input type="email" /></span><br />
<span style="color: blue;"> <br /></span><br />
<span style="color: blue;"> <label>Password</label></span><br />
<span style="color: blue;"> <input type="password" /></span><br />
<span style="color: blue;"> <br /></span><br />
<span style="color: blue;"> <div class="checkbox"></span><br />
<span style="color: blue;"> <input id="send_updates" type="checkbox" /></span><br />
<span style="color: blue;"> <label for="send_updates">Send me occasional email updates</label></span><br />
<span style="color: blue;"> </div></span><br />
<span style="color: blue;"> <div class="action_btns"></span><br />
<span style="color: blue;"> <div class="one_half"><a href="#" class="btn back_btn"><i class="fa fa-angle-double-left"></i> Back</a></div></span><br />
<span style="color: blue;"> <div class="one_half last"><a href="http://dheerendraverma007.blogspot.in/" class="btn btn_red" target="_new">Register</a></div></span><br />
<span style="color: blue;"> </div></span><br />
<span style="color: blue;"> </form></span><br />
<span style="color: blue;"> </div></span><br />
<span style="color: blue;"> </section></span><br />
<span style="color: blue;"> </div></span><br />
<span style="color: blue;"><br /></span>
<span style="color: red;"> <script type="text/javascript"></span><br />
<span style="color: red;">$(function(){</span><br />
<span style="color: red;"> $('#loginform').submit(function(e){</span><br />
<span style="color: red;"> return false;</span><br />
<span style="color: red;"> });</span><br />
<span style="color: red;"> </span><br />
<span style="color: red;"> $('#modaltrigger').leanModal({ top: 110, overlay: 0.45, closeButton: ".hidemodal" });</span><br />
<span style="color: red;">});</span><br />
<span style="color: red;"></script> </span><br />
<span style="color: red;"> <script type="text/javascript"></span><br />
<span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$("#modal_trigger").leanModal({top : 200, overlay : 0.6, closeButton: ".modal_close" });</span><br />
<span style="color: red;"><br /></span>
<span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$(function(){</span><br />
<span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>// Calling Login Form</span><br />
<span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$("#login_form").click(function(){</span><br />
<span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$(".social_login").hide();</span><br />
<span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$(".user_login").show();</span><br />
<span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>return false;</span><br />
<span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>});</span><br />
<span style="color: red;"><br /></span>
<span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>// Calling Register Form</span><br />
<span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$("#register_form").click(function(){</span><br />
<span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$(".social_login").hide();</span><br />
<span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$(".user_register").show();</span><br />
<span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$(".header_title").text('Register');</span><br />
<span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>return false;</span><br />
<span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>});</span><br />
<span style="color: red;"><br /></span>
<span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>// Going back to Social Forms</span><br />
<span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$(".back_btn").click(function(){</span><br />
<span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$(".user_login").hide();</span><br />
<span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$(".user_register").hide();</span><br />
<span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$(".social_login").show();</span><br />
<span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$(".header_title").text('Login');</span><br />
<span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>return false;</span><br />
<span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>});</span><br />
<span style="color: red;"><br /></span>
<span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>})</span><br />
<span style="color: red;"></script> </span><br />
<span style="color: red;"><br /></span>
<span style="color: red;"></body></span><br />
<span style="color: red;"></html></span><br />
<span style="color: red;"><br /></span>
<span style="color: red;"><br /></span>
<h3 style="text-align: left;">
<span style="color: red;"> <a href="https://app.box.com/s/alsczqh5ktc305lxuq93" target="_blank">Download Source</a></span></h3>
<div>
<br /></div>
</div>
Dheerendra Vermahttp://www.blogger.com/profile/08479636664991441931noreply@blogger.com0tag:blogger.com,1999:blog-262110466459709551.post-15116511296484407902015-02-04T23:31:00.001-08:002015-02-04T23:31:09.432-08:00Responsive Menu<div dir="ltr" style="text-align: left;" trbidi="on">
<!DOCTYPE html><br />
<html lang="en"><br />
<br />
<head><br />
<meta charset="utf-8"><br />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><br />
<title>Responsive Horizontal and Vertical Menu</title><br />
<br />
<span style="color: red;"><link href="css/flexy-menu.css" rel="stylesheet"></span><br />
<span style="color: red;"><script type="text/javascript" src="js/jquery-1.9.1.min.js"></script></span><br />
<span style="color: red;"><script type="text/javascript" src="js/flexy-menu.js"></span><br />
<span style="color: red;"></script><script type="text/javascript">$(document).ready(function(){$(".flexy-menu").flexymenu({speed: 400,type: "vertical", indicator: true});});</script></span><br />
<br />
</head><br />
<body><br />
<div class="content"><br />
<ul class="flexy-menu orange"><br />
<li class="active"><a href="#"><i class="icon-heart"></i>Home</a></li><br />
<li><a href="#"><i class="icon-cogs"></i>Services</a></li><br />
<li><a href="#"><i class="icon-th"></i>Portfolio</a><br />
<ul><br />
<li><a href="#">Dropdown item</a></li><br />
<li><a href="#">Dropdown item</a></li><br />
<li><a href="#">Dropdown item</a></li><br />
<li><a href="#">Dropdown item</a><br />
<ul><br />
<li><a href="#">Dropdown item</a></li><br />
<li><a href="#">Dropdown item</a></li><br />
<li><a href="#">Dropdown item</a></li><br />
<li><a href="#">Dropdown item</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Dropdown item</a></li><br />
<li><a href="#">Dropdown item</a></li><br />
</ul><br />
</li><br />
<li><a href="#"><i class="icon-comments"></i>Blog</a></li><br />
<li><a href="#"><i class="icon-bullhorn"></i>About</a></li><br />
<li><a href="#"><i class="icon-group"></i>Social</a></li><br />
<li><a href="#"><i class="icon-picture"></i>Gallery</a></li><br />
<li><a href="#"><i class="icon-copy"></i>Info</a></li><br />
<li><a href="#"><i class="icon-envelope"></i>Contact</a></li><br />
</ul><br />
</div><br />
</body><br />
<br />
</html><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAqp7V5DUkaIdrop9WnJNp6JE73ztcELRwY0YU2dp-E2k8BzHqquTALk6eE2M29GeLz7-6qQbzkvuy3wyA_KHLZeUjgQIjWkqh1DECNyufYtgkzYrunNAcqXRd6ZuuWON2pKdOhmTxvKwf/s1600/responsive_menu1.png" imageanchor="1" style="clear: left; display: inline !important; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAqp7V5DUkaIdrop9WnJNp6JE73ztcELRwY0YU2dp-E2k8BzHqquTALk6eE2M29GeLz7-6qQbzkvuy3wyA_KHLZeUjgQIjWkqh1DECNyufYtgkzYrunNAcqXRd6ZuuWON2pKdOhmTxvKwf/s1600/responsive_menu1.png" height="265" width="640" /></a><br />
<br />
<a href="https://app.box.com/s/07xm9su76zx60cibv1izw2xdulx3pcd3" target="_blank">Download Source Code</a></div>
Dheerendra Vermahttp://www.blogger.com/profile/08479636664991441931noreply@blogger.com0tag:blogger.com,1999:blog-262110466459709551.post-59370604919274182712015-02-04T21:37:00.004-08:002015-02-04T21:37:59.623-08:00Full Width Responsive Slider<div dir="ltr" style="text-align: left;" trbidi="on">
<!doctype html><br />
<html><br />
<head><br />
<meta charset="utf-8"><br />
<title>Full Width Responsive Slider</title><br />
<br />
<br /><br /><span style="color: #cc0000;"><link href="css/bootstrap.min.css" rel="stylesheet" /><br /><br /><script src="css/jquery.min.js"></script><br /><br /><script src="css/bootstrap.min.js"></script></span><br /><div>
<br />
</head><br />
<br />
<body><br />
<br />
<span style="color: blue;"><div id="myCarousel" class="carousel slide" data-ride="carousel"> </span><br />
<span style="color: blue;"> <ol class="carousel-indicators"></span><br />
<span style="color: blue;"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li></span><br />
<span style="color: blue;"> <li data-target="#myCarousel" data-slide-to="1"></li></span><br />
<span style="color: blue;"> <li data-target="#myCarousel" data-slide-to="2"></li></span><br />
<span style="color: blue;"> </ol></span><br />
<span style="color: blue;"> <div class="carousel-inner"></span><br />
<span style="color: blue;"> <div class="item active"> <img src="images/d2.jpg" style="width:100%" alt="First slide"> </div></span><br />
<span style="color: blue;"> <div class="item"> <img src="images/d3.jpg" style="width:100%" data-src="" alt="Second slide"> </div></span><br />
<span style="color: blue;"> <div class="item"> <img src="images/d4.png" style="width:100%" data-src="" alt="Third slide"> </div></span><br />
<span style="color: blue;"> </div></span><br />
<span style="color: blue;"></div></span><br />
<br />
</body><br />
</html><br />
<br />
<h3 style="text-align: left;">
<b><span style="color: red;">Desktop View</span></b></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhse96WBvbXYRQiaxZmhbo68FACvMEdfhimFRJINS-CljmsBxEyuYMe9EhcfxSh5juB2evKRTT3z-IE63go6zGpS7vouB29X-jdBhDiRkrSQZrVHOAaS0pTWibkEOo3AftC7m6d77BmWu-W/s1600/full+width.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhse96WBvbXYRQiaxZmhbo68FACvMEdfhimFRJINS-CljmsBxEyuYMe9EhcfxSh5juB2evKRTT3z-IE63go6zGpS7vouB29X-jdBhDiRkrSQZrVHOAaS0pTWibkEOo3AftC7m6d77BmWu-W/s1600/full+width.PNG" height="146" width="400" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h3 style="text-align: left;">
<span style="color: red;"><b style="background-color: white;">Mobile View</b></span></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivk_Xh_HbRuFTNUgas9Xxbex-W9BLleKe8EWGZL9mk19E1xuuBhH4sfrTxhlMaiYRPmQQr73oIUopFfKBgYhgMhvZAZPI5NGz7sQ7UI4BgwjAy3TuCvXgzIc7-8PZGvu6ZpVXg8gzI-ZHA/s1600/mobile_show.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivk_Xh_HbRuFTNUgas9Xxbex-W9BLleKe8EWGZL9mk19E1xuuBhH4sfrTxhlMaiYRPmQQr73oIUopFfKBgYhgMhvZAZPI5NGz7sQ7UI4BgwjAy3TuCvXgzIc7-8PZGvu6ZpVXg8gzI-ZHA/s1600/mobile_show.PNG" height="103" width="200" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="https://app.box.com/s/kczp6s10gyjkwr8mvu05ikuob0q2rw01" target="_blank">Download Source Code</a></div>
</div>
Dheerendra Vermahttp://www.blogger.com/profile/08479636664991441931noreply@blogger.com0tag:blogger.com,1999:blog-262110466459709551.post-59144119881586200082014-10-15T03:02:00.000-07:002014-10-15T03:02:09.147-07:00Contact Us Form<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<title>Contact Us Form</title><br />
<link rel="stylesheet" type="text/css" href="css/main-css.css" /><br />
<link href="css/visual-form-builder.min.css" rel="stylesheet" type="text/css" /><br />
<style type="text/css"><br />
<!--<br />
body {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin: 0px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background-color:#d9d9d9;<br />
}<br />
--><br />
</style><br />
<script type="text/javascript" src="js/jquery.js"></script><br />
</head><br />
<br />
<body><br />
<div id="mainContainer-center"><br />
<div class="visual-form-builder vfb-form-1"><br />
<fieldset id="item-vfb-1" class="vfb-fieldset vfb-fieldset-1 enquiry-now "><br />
<div class="vfb-legend"><br />
<h3>Contact Us</h3><br />
</div><br />
<ul class="vfb-section vfb-section-1"><br />
<li id="item-vfb-5" class="vfb-item vfb-item-text "><br />
<label class="vfb-desc" for="vfb-5">Full Name <span class="vfb-required-asterisk">*</span></label><br />
<input name="ctl00$MainContent$txtFullName" type="text" id="MainContent_txtFullName" class="vfb-text vfb-medium required" required=""><br />
</li><br />
<li id="item-vfb-7" class="vfb-item vfb-item-phone "><br />
<label class="vfb-desc" for="vfb-7">Phone/Mobile Number <span class="vfb-required-asterisk">*</span></label><br />
<input name="ctl00$MainContent$txtMobileNumber" type="text" id="MainContent_txtMobileNumber" class="vfb-text vfb-medium required" required=""><br />
</li><br />
<li id="item-vfb-8" class="vfb-item vfb-item-email "><br />
<label class="vfb-desc" for="vfb-8">Email <span class="vfb-required-asterisk">*</span></label><br />
<input name="ctl00$MainContent$txtEmail" type="text" id="MainContent_txtEmail" class="vfb-text vfb-medium required" required=""><br />
</li><br />
<li id="item-vfb-10" class="vfb-item vfb-item-textarea "><br />
<label class="vfb-desc" for="vfb-10">Message <span class="vfb-required-asterisk">*</span></label><br />
<div><br />
<textarea name="ctl00$MainContent$txtMessage" rows="2" cols="20" id="MainContent_txtMessage" class="vfb-textarea vfb-medium required"></textarea><br />
</div><br />
</li><br />
<li id="item-vfb-4" class="vfb-item vfb-item-submit"><br />
<input type="submit" name="ctl00$MainContent$btnSubmit" value="Submit" id="MainContent_btnSubmit" class="vfb-submit"><br />
</li><br />
</ul><br />
<p>&nbsp;</p><br />
</fieldset><br />
</div><br />
</div><br />
</body><br />
</html><br />
<div>
<a href="https://app.box.com/s/7c1t19y07saygicz1ezf" target="_blank">Download Source Code</a></div>
</div>
Dheerendra Vermahttp://www.blogger.com/profile/08479636664991441931noreply@blogger.com0tag:blogger.com,1999:blog-262110466459709551.post-76171821415730132852014-10-15T02:35:00.002-07:002014-10-15T02:35:40.174-07:00Zoom Effect<div dir="ltr" style="text-align: left;" trbidi="on">
<html><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<title>Outer_Zoom</title><br />
<link rel="stylesheet" type="text/css" href="css/style.css" /><br />
<script type="text/javascript" src="js/jquery.min.js"></script><br />
<script type="text/javascript" src="js/cloud-zoom.1.0.2.min.js"></script><br />
</head><br />
<br />
<body><br />
<div class="clr"></div><br />
<div class="left_container"><br />
<div class="zoom-section"><br />
<div class="zoom-small-image"><a href="images/bigimage00.jpg" class="cloud-zoom" id="zoom1" rel="adjustX: 10, adjustY:-4"><img src="images/smallimage.jpg" alt=""></a></div><br />
<div class="zoom-desc"><br />
<p><a href='images/bigimage00.jpg' class='cloud-zoom-gallery' title='Red' rel="useZoom: 'zoom1', smallImage: 'images/smallimage.jpg' "><img class="zoom-tiny-image" src="images/tinyimage.jpg" alt = "Thumbnail 1"></a> <a href='images/bigimage01.jpg' class='cloud-zoom-gallery' title='Blue' rel="useZoom: 'zoom1', smallImage: ' images/smallimage-1.jpg'"><img class="zoom-tiny-image" src="images/tinyimage-1.jpg" alt = "Thumbnail 2"></a> <a href='images/bigimage02.jpg' class='cloud-zoom-gallery' title='Blue' rel="useZoom: 'zoom1', smallImage: 'images/smallimage-2.jpg' "><img class="zoom-tiny-image" src="images/tinyimage-2.jpg" alt = "Thumbnail 3"></a> <a href='images/bigimage03.jpg' class='cloud-zoom-gallery' title='Blue' rel="useZoom: 'zoom1', smallImage: 'images/smallimage-3.jpg' "><img class="zoom-tiny-image" src="images/tinyimage-3.jpg" alt = "Thumbnail 4"></a> <a href='images/bigimage04.jpg' class='cloud-zoom-gallery' title='Blue' rel="useZoom: 'zoom1', smallImage: 'images/smallimage-4.jpg' "><img class="zoom-tiny-image" src="images/tinyimage-4.jpg" alt = "Thumbnail 5"></a> </p><br />
</div><br />
</div><br />
</div><br />
</body><br />
</html><br />
<div>
<a href="https://app.box.com/s/itj36vfaw0mdociibcp7" target="_blank">Download Source Code</a></div>
</div>
Dheerendra Vermahttp://www.blogger.com/profile/08479636664991441931noreply@blogger.com0tag:blogger.com,1999:blog-262110466459709551.post-65762205515820155152014-10-15T02:13:00.001-07:002014-10-15T02:13:12.763-07:00Popup<div dir="ltr" style="text-align: left;" trbidi="on">
<html><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><br />
<title>Popup</title><br />
<style type="text/css"><br />
.btn-sign {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>width:460px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin-bottom:20px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin:0 auto;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding:20px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>border-radius:5px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: -moz-linear-gradient(center top, #00c6ff, #018eb6);<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: -webkit-gradient(linear, left top, left bottom, from(#00c6ff), to(#018eb6));<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: -o-linear-gradient(top, #00c6ff, #018eb6);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00c6ff', EndColorStr='#018eb6');<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>text-align:center;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>font-size:36px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>color:#fff;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>text-transform:uppercase;<br />
}<br />
.btn-sign a {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>color:#fff;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>text-shadow:0 1px 2px #161616;<br />
}<br />
#mask {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display: none;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: #000;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>position: fixed;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>left: 0;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>top: 0;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>z-index: 10;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>width: 100%;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>height: 100%;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>opacity: 0.8;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>z-index: 999;<br />
}<br />
.login-popup {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display:none;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: #333;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding: 10px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>border: 2px solid #ddd;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>float: left;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>font-size: 1.2em;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>position: fixed;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>top: 50%;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>left: 50%;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>z-index: 99999;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>box-shadow: 0px 0px 20px #999;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-box-shadow: 0px 0px 20px #999; /* Firefox */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>border-radius:3px 3px 3px 3px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-border-radius: 3px; /* Firefox */<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-webkit-border-radius: 3px; /* Safari, Chrome */<br />
}<br />
img.btn_close {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>float: right;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin: -28px -28px 0 0;<br />
}<br />
fieldset {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>border:none;<br />
}<br />
form.signin .textbox label {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display:block;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding-bottom:7px;<br />
}<br />
form.signin .textbox span {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display:block;<br />
}<br />
form.signin p, form.signin span {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>color:#999;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>font-size:11px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>line-height:18px;<br />
}<br />
form.signin .textbox input {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background:#666666;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>border-bottom:1px solid #333;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>border-left:1px solid #000;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>border-right:1px solid #333;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>border-top:1px solid #000;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>color:#fff;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>border-radius: 3px 3px 3px 3px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-border-radius: 3px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-webkit-border-radius: 3px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>font:13px Arial, Helvetica, sans-serif;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding:6px 6px 4px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>width:200px;<br />
}<br />
form.signin input:-moz-placeholder {<br />
color:#bbb;<br />
text-shadow:0 0 2px #000;<br />
}<br />
form.signin input::-webkit-input-placeholder {<br />
color:#bbb;<br />
text-shadow:0 0 2px #000;<br />
}<br />
.button {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: -moz-linear-gradient(center top, #f3f3f3, #dddddd);<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: -o-linear-gradient(top, #f3f3f3, #dddddd);<br />
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd');<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>border-color:#000;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>border-width:1px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>border-radius:4px 4px 4px 4px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-border-radius: 4px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-webkit-border-radius: 4px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>color:#333;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>cursor:pointer;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display:inline-block;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding:6px 6px 4px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin-top:10px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>font:12px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>width:214px;<br />
}<br />
.button:hover {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background:#ddd;<br />
}<br />
</style><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>$('a.login-window').click(function() {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>// Getting the variable's value from a link<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>var loginBox = $(this).attr('href');<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>//Fade in the Popup and add close button<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>$(loginBox).fadeIn(300);<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>//Set the center alignment padding + border<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>var popMargTop = ($(loginBox).height() + 24) / 2;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>var popMargLeft = ($(loginBox).width() + 24) / 2;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>$(loginBox).css({<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>'margin-top' : -popMargTop,<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>'margin-left' : -popMargLeft<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>});<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>// Add the mask to body<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>$('body').append('<div id="mask"></div>');<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>$('#mask').fadeIn(300);<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>return false;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>});<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>// When clicking on the button close or the mask layer the popup closed<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>$('a.close, #mask').live('click', function() {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> $('#mask , .login-popup').fadeOut(300 , function() {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>$('#mask').remove(); <br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>});<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>return false;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>});<br />
});<br />
</script><br />
</head><br />
<body><br />
<a href="#login-box" class="login-window">Login / Sign In</a><br />
<div id="login-box" class="login-popup"> <a href="#" class="close"><img src="close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a><br />
<form method="post" class="signin" action="#"><br />
<fieldset class="textbox"><br />
<label class="username"> <span>Username or email</span><br />
<input id="username" name="username" value="" type="text" autocomplete="on" placeholder="Username"><br />
</label><br />
<label class="password"> <span>Password</span><br />
<input id="password" name="password" value="" type="password" placeholder="Password"><br />
</label><br />
<button class="submit button" type="button">Sign in</button><br />
<p> <a class="forgot" href="#">Forgot your password?</a> </p><br />
</fieldset><br />
</form><br />
</div><br />
</body><br />
</html><br />
<br />
<a href="https://app.box.com/s/alsczqh5ktc305lxuq93" target="_blank">Download Source Code</a></div>
Dheerendra Vermahttp://www.blogger.com/profile/08479636664991441931noreply@blogger.com0tag:blogger.com,1999:blog-262110466459709551.post-50071577142357470762014-10-15T00:02:00.003-07:002014-10-15T00:02:46.807-07:00admin login page<div dir="ltr" style="text-align: left;" trbidi="on">
<html lang="en"><br />
<head><br />
<meta charset="utf-8"><br />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><br />
<title>Facebook Login Form</title><br />
<link rel="stylesheet" href="css/style.css"><br />
<br />
</head><br />
<body><br />
<form action="index.html" class="login"><br />
<h1>Facebook</h1><br />
<input type="email" name="email" class="login-input" placeholder="Email Address" autofocus><br />
<input type="password" name="password" class="login-input" placeholder="Password"><br />
<input type="submit" value="Login" class="login-submit"><br />
<p class="login-help"><a href="index.html">Forgot password?</a></p><br />
</form><br />
<br />
<br />
</body><br />
</html><br />
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<a href="https://app.box.com/s/pynjfie3hdas5ynn9zvz" target="_blank">Download Source Code</a></div>
</div>
Dheerendra Vermahttp://www.blogger.com/profile/08479636664991441931noreply@blogger.com0tag:blogger.com,1999:blog-262110466459709551.post-62771223623109413722014-10-14T22:55:00.000-07:002014-10-15T00:07:48.666-07:00party with colleagues<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp-s100JgxVX57dpLaeucOcirnwPMzja9fi5CF00MYfpD3G5UpCwcTN5AQf7vMZzkhFWoFoxcS2aM28eb2CeczCkHz_Ncln-OM-kqA4WUZkAC8QfVC5RfR8uLHEFlq2mqeJXWPNPfX3MVx/s1600/dheerendra6.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp-s100JgxVX57dpLaeucOcirnwPMzja9fi5CF00MYfpD3G5UpCwcTN5AQf7vMZzkhFWoFoxcS2aM28eb2CeczCkHz_Ncln-OM-kqA4WUZkAC8QfVC5RfR8uLHEFlq2mqeJXWPNPfX3MVx/s1600/dheerendra6.jpg" height="300" width="400" /></a></div>
<br /></div>
Dheerendra Vermahttp://www.blogger.com/profile/08479636664991441931noreply@blogger.com0tag:blogger.com,1999:blog-262110466459709551.post-61699896352254765402014-10-14T22:38:00.002-07:002014-10-15T00:08:11.008-07:00My Company Launch A Security Software in Country In....<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs2G4LoOSOlG6QALWrB-Pnw7OQ7PiaQKxBQ2oEgnbAAaGDlAFwxfMWXvK_C_MUT6NMb7aL3LeUc2Z5JiT5Vy4YUWW_baF5bCG_q4jF0mGNXqHxnanZ44dvYR_oVgs6nFNPj_vHMQYkN84y/s1600/dheerendra.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs2G4LoOSOlG6QALWrB-Pnw7OQ7PiaQKxBQ2oEgnbAAaGDlAFwxfMWXvK_C_MUT6NMb7aL3LeUc2Z5JiT5Vy4YUWW_baF5bCG_q4jF0mGNXqHxnanZ44dvYR_oVgs6nFNPj_vHMQYkN84y/s1600/dheerendra.jpg" height="225" width="400" /></a></div>
<br /></div>
Dheerendra Vermahttp://www.blogger.com/profile/08479636664991441931noreply@blogger.com0tag:blogger.com,1999:blog-262110466459709551.post-13386098168004792102014-10-09T02:13:00.002-07:002014-10-09T02:13:32.480-07:00JQuery Collapsing menu with Toggle<div dir="ltr" style="text-align: left;" trbidi="on">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-EN"><br />
<head><br />
<script src="jquery-1.2.1.min.js" type="text/javascript"></script><br />
<script src="menu.js" type="text/javascript"></script><br />
<link rel="stylesheet" type="text/css" href="style.css" /><br />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><br />
<title>JQuery Collapsing menu with Toggle</title><br />
</head><br />
<body><br />
<ul id="menu"><br />
<li> <a href="#">Weblog Tools</a><br />
<ul><br />
<li><a href="#">PivotX</a></li><br />
<li><a href="#">WordPress</a></li><br />
<li><a href="#">Textpattern</a></li><br />
<li><a href="#">Typo</a></li><br />
</ul><br />
</li><br />
<li> <a href="#">Programming Languages</a><br />
<ul><br />
<li class="current"><a href="#">PHP</a></li><br />
<li><a href="#">Ruby</a></li><br />
<li><a href="#">Python</a></li><br />
<li><a href="#">PERL</a></li><br />
<li><a href="#">Java</a></li><br />
<li><a href="#">C#</a></li><br />
</ul><br />
</li><br />
<li><a href="#">Marco's blog (no submenu)</a></li><br />
<li> <a href="#">Cool Stuff</a><br />
<ul><br />
<li><a href="#">Apple</a></li><br />
<li><a href="#">Nikon</a></li><br />
<li><a href="#">XBOX360</a></li><br />
<li><a href="#">Nintendo</a></li><br />
</ul><br />
</li><br />
<li> <a href="#">Search Engines</a><br />
<ul><br />
<li><a href="#">Yahoo!</a></li><br />
<li><a href="#">Google</a></li><br />
</ul><br />
</li><br />
</ul><br />
</body><br />
</html><br />
<br />
<a href="https://app.box.com/s/8e4qw8zbbrjhh60as0pg" target="_blank">DOWNLOAD SOURCE CODE</a></div>
Dheerendra Vermahttp://www.blogger.com/profile/08479636664991441931noreply@blogger.com0tag:blogger.com,1999:blog-262110466459709551.post-75204054434875654382014-10-09T02:06:00.000-07:002014-10-09T02:06:04.450-07:00Simple Accordian One Open Already..<div dir="ltr" style="text-align: left;" trbidi="on">
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><br />
<title>Simple Accordion</title><br />
<style type="text/css"><br />
html {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>overflow-Y: scroll;<br />
}<br />
body {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>font: 10px normal Arial, Helvetica, sans-serif;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin: 0;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding: 0;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>line-height: 1.7em;<br />
}<br />
*, * focus {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>outline: none;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin: 0;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding: 0;<br />
}<br />
.container {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>width: 500px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin: 0 auto;<br />
}<br />
h1 {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>font: 4em normal Georgia, 'Times New Roman', Times, serif;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>text-align:center;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding: 20px 0;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>color: #aaa;<br />
}<br />
h1 span {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>color: #666;<br />
}<br />
h1 small {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>font: 0.3em normal Verdana, Arial, Helvetica, sans-serif;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>text-transform:uppercase;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>letter-spacing: 0.5em;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display: block;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>color: #666;<br />
}<br />
h2.acc_trigger {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding: 0;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin: 0 0 5px 0;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: url(h2_trigger_a.gif) no-repeat;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>height: 46px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>line-height: 46px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>width: 500px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>font-size: 2em;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>font-weight: normal;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>float: left;<br />
}<br />
h2.acc_trigger a {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>color: #fff;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>text-decoration: none;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display: block;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding: 0 0 0 50px;<br />
}<br />
h2.acc_trigger a:hover {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>color: #ccc;<br />
}<br />
h2.active {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background-position: left bottom;<br />
}<br />
.acc_container {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin: 0 0 5px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding: 0;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>overflow: hidden;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>font-size: 1.2em;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>width: 500px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>clear: both;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: #f0f0f0;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>border: 1px solid #d6d6d6;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-webkit-border-bottom-right-radius: 5px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-webkit-border-bottom-left-radius: 5px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-border-radius-bottomright: 5px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-border-radius-bottomleft: 5px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>border-bottom-right-radius: 5px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>border-bottom-left-radius: 5px;<br />
}<br />
.acc_container .block {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding: 20px;<br />
}<br />
.acc_container .block p {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding: 5px 0;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin: 5px 0;<br />
}<br />
.acc_container h3 {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>font: 2.5em normal Georgia, "Times New Roman", Times, serif;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin: 0 0 10px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding: 0 0 5px 0;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>border-bottom: 1px dashed #ccc;<br />
}<br />
.acc_container img {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>float: left;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin: 10px 15px 15px 0;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding: 5px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background: #ddd;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>border: 1px solid #ccc;<br />
}<br />
</style><br />
<script type="text/javascript" src="jquery-latest.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><br />
//Set default open/close settings<br />
$('.acc_container').hide(); //Hide/close all containers<br />
$('.acc_trigger:first').addClass('active').next().show(); //Add "active" class to first trigger, then show/open the immediate next container<br />
<br />
//On Click<br />
$('.acc_trigger').click(function(){<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>if( $(this).next().is(':hidden') ) { //If immediate next container is closed...<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>$('.acc_trigger').removeClass('active').next().slideUp(); //Remove all .acc_trigger classes and slide up the immediate next container<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>$(this).toggleClass('active').next().slideDown(); //Add .acc_trigger class to clicked trigger and slide down the immediate next container<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>return false; //Prevent the browser jump to the link anchor<br />
});<br />
<br />
});<br />
</script><br />
</head><br />
<br />
<body><br />
<div class="container"><br />
<h2 class="acc_trigger"><a href="#">Web Design &amp; Development</a></h2><br />
<div class="acc_container"><br />
<div class="block"><br />
<h3>Need a Website?</h3><br />
<a href="#"><img src="img1.gif" alt="" /></a><br />
<p>Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter diam neque antehabeo blandit, jumentum transverbero luptatum. Lenis vel diam praemitto molior facilisi facilisi suscipere abico, ludus, at. Wisi suscipere nisl ad capto comis esse, autem genitus. Feugiat immitto ullamcorper hos luptatum gilvus eum. Delenit patria nunc os pneum acsi nulla magna singularis proprius autem exerci accumsan. </p><br />
<p>Praesent duis vel similis usitas camur, nostrud eros opes verto epulae feugiat ad. Suscipit modo magna letalis amet et tego accumsan facilisi, meus. Vindico luptatum blandit ulciscor mos caecus praesent sed meus velit si quis lobortis praemitto, uxor. </p><br />
</div><br />
</div><br />
<h2 class="acc_trigger"><a href="#">Logo / Corporate Identity</a></h2><br />
<div class="acc_container"><br />
<div class="block"><br />
<h3>Need a Logo?</h3><br />
<a href="#"><img src="img2.gif" alt="" /></a><br />
<p>Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter diam neque antehabeo blandit, jumentum transverbero luptatum. Lenis vel diam praemitto molior facilisi facilisi suscipere abico, ludus, at. Wisi suscipere nisl ad capto comis esse, autem genitus. Feugiat immitto ullamcorper hos luptatum gilvus eum. Delenit patria nunc os pneum acsi nulla magna singularis proprius autem exerci accumsan. </p><br />
<p>Praesent duis vel similis usitas camur, nostrud eros opes verto epulae feugiat ad. Suscipit modo magna letalis amet et tego accumsan facilisi, meus. Vindico luptatum blandit ulciscor mos caecus praesent sed meus velit si quis lobortis praemitto, uxor. </p><br />
</div><br />
</div><br />
<h2 class="acc_trigger"><a href="#">Seach Engine Optimization</a></h2><br />
<div class="acc_container"><br />
<div class="block"><br />
<h3>Need to be Heard?</h3><br />
<a href="#"><img src="img3.gif" alt="" /></a><br />
<p>Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter diam neque antehabeo blandit, jumentum transverbero luptatum. Lenis vel diam praemitto molior facilisi facilisi suscipere abico, ludus, at. Wisi suscipere nisl ad capto comis esse, autem genitus. Feugiat immitto ullamcorper hos luptatum gilvus eum. Delenit patria nunc os pneum acsi nulla magna singularis proprius autem exerci accumsan. </p><br />
<p>Praesent duis vel similis usitas camur, nostrud eros opes verto epulae feugiat ad. Suscipit modo magna letalis amet et tego accumsan facilisi, meus. Vindico luptatum blandit ulciscor mos caecus praesent sed meus velit si quis lobortis praemitto, uxor. </p><br />
</div><br />
</div><br />
<h2 class="acc_trigger"><a href="#">eCommerce</a></h2><br />
<div class="acc_container"><br />
<div class="block"><br />
<h3>Have Product to Sell?</h3><br />
<a href="#"><img src="img4.gif" alt="" /></a><br />
<p>Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter diam neque antehabeo blandit, jumentum transverbero luptatum. Lenis vel diam praemitto molior facilisi facilisi suscipere abico, ludus, at. Wisi suscipere nisl ad capto comis esse, autem genitus. Feugiat immitto ullamcorper hos luptatum gilvus eum. Delenit patria nunc os pneum acsi nulla magna singularis proprius autem exerci accumsan. </p><br />
<p>Praesent duis vel similis usitas camur, nostrud eros opes verto epulae feugiat ad. Suscipit modo magna letalis amet et tego accumsan facilisi, meus. Vindico luptatum blandit ulciscor mos caecus praesent sed meus velit si quis lobortis praemitto, uxor. </p><br />
</div><br />
</div><br />
</div><br />
</body><br />
</html><br />
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<a href="https://app.box.com/s/tsspswmev4lyuu7w6zds" target="_blank">DOWNLOAD SOURCE CODE</a></div>
</div>
Dheerendra Vermahttp://www.blogger.com/profile/08479636664991441931noreply@blogger.com0tag:blogger.com,1999:blog-262110466459709551.post-57895039116827638792014-10-09T01:24:00.003-07:002014-10-09T01:24:49.773-07:00vertical Tab<div dir="ltr" style="text-align: left;" trbidi="on">
<html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8"><br />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><br />
<title>Tab</title><br />
<link rel="stylesheet" type="text/css" href="css/style.css" /><br />
</head><br />
<body><br />
<div class="container"><br />
<section><br />
<div id="container_buttons"><br />
<div style="clear:both"></div><br />
<ul><br />
<li class="toggle"> <a href="#One">A clock made in CSS3 | NO Javascript</a><br />
<p id="One"> Lets start learning CSS3 before its too late, I just saw a website which amazed me with its animation effects. First I thought that the site is using some JQuery libraries but when I actually went into the code, I found it is CSS3. So I started learning it, and today I made my first <a href="http://www.e-technology.co.in">Read more...</a> </p><br />
</li><br />
<li class="toggle"> <a href="#Two">Learn CakePHP From Novice to Professional : Part 2</a><br />
<p id="Two"> Model-View-Controller Cake enforces an MVC structure for your web applications. Basically, it effectively separates typical operations into specific areas: MODELS : for all your database interaction VIEWS : for all your output and displays CONTROLLERS : for all your commands/scripts for input and program flow The typical PHP application mixes each of these three functions <a href="http://www.e-technology.co.in">Read more...</a> </p><br />
</li><br />
<li class="toggle"> <a href="#Three">Learn CakePHP From Novice to Professional : Part 1</a><br />
<p id="Three"> This guide is for beginners to CakePHP. Whether or not you have much experience with the PHP scripting language, working in Cake will require some new methods you may or may not have tried before. If you don't know what a "has-and-belongs-to-many" relationship is, don't know how to build your own class object, or don't <a href="http://www.e-technology.co.in">Read more...</a> </p><br />
</li><br />
<li class="toggle"> <a href="#Four">Google Maps Server Side Geocoding Using PHP and Infobox Fully AJAX</a><br />
<p id="Four"> Recently I got a new project of real estate where I had to display about 1000 of projects on the google map. I was having the address of 1000 projects, so I started with my php and js code. When I coded and started testing, I found that on the map only 20-30 markers were <a href="#">Read more...</a> </p><br />
</li><br />
<li class="toggle"> <a href="#Five">Learn Codeigniter | Codeigniter Tutorial | Codeigniter Lessons | Part 1 | Webs Tutorial</a><br />
<p id="Five"> What is CodeIgniter? CodeIgniter is an open source PHP framework. This framework is used to build web applications and websites. CodeIgniter is best for developers who are into front-end development. It's easy to learn and it's fully flexibe. To learn CI (CodeIgniter), you should know PHP, MYSQL, OOPs and MVC. If you are new to <a href="http://www.e-technology.co.in">Read more...</a> </p><br />
</li><br />
</ul><br />
<em style="float: right;margin:10px 0;"><a href="http://www.e-technology.co.in" title="etechnology">e-technology</a> </em> </div><br />
</section><br />
</div><br />
</body><br />
</html><br />
<br />
<br />
<a href="https://app.box.com/s/96jv6o0e7aabhg6qkzt2" target="_blank">DOWNLOAD SOURCE CODE</a></div>
Dheerendra Vermahttp://www.blogger.com/profile/08479636664991441931noreply@blogger.com0tag:blogger.com,1999:blog-262110466459709551.post-66271662343111127962014-10-09T01:16:00.002-07:002014-10-09T01:16:47.617-07:00Full screen slider<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
Full screen slider</h2>
<div>
<br /></div>
<div>
<div>
<html lang="en"></div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><head></div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><link rel="stylesheet" type="text/css" href="css/style2.css" /></div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><script type="text/javascript" src="js/modernizr.custom.28468.js"></script></div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script></div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><script type="text/javascript" src="js/jquery.cslider.js"></script></div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><script type="text/javascript"></div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>$(function() {</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>$('#da-slider').cslider({</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>autoplay<span class="Apple-tab-span" style="white-space: pre;"> </span>: true,</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>bgincrement<span class="Apple-tab-span" style="white-space: pre;"> </span>: 450</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>});</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>});</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span></script></div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span></head></div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><body></div>
<div>
<div class="container"></div>
<div>
<div id="da-slider" class="da-slider"></div>
<div>
<div class="da-slide"></div>
<div>
<h2>Easy management</h2></div>
<div>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p></div>
<div>
<a href="#" class="da-link">Read more</a></div>
<div>
<div class="da-img"><img src="images/2.png" alt="image01" /></div></div>
<div>
</div></div>
<div>
<div class="da-slide"></div>
<div>
<h2>Revolution</h2></div>
<div>
<p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p></div>
<div>
<a href="#" class="da-link">Read more</a></div>
<div>
<div class="da-img"><img src="images/3.png" alt="image01" /></div></div>
<div>
</div></div>
<div>
<div class="da-slide"></div>
<div>
<h2>Warm welcome</h2></div>
<div>
<p>When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.</p></div>
<div>
<a href="#" class="da-link">Read more</a></div>
<div>
<div class="da-img"><img src="images/1.png" alt="image01" /></div></div>
<div>
</div></div>
<div>
<div class="da-slide"></div>
<div>
<h2>Quality Control</h2></div>
<div>
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</p></div>
<div>
<a href="#" class="da-link">Read more</a></div>
<div>
<div class="da-img"><img src="images/4.png" alt="image01" /></div></div>
<div>
</div></div>
<div>
<nav class="da-arrows"> <span class="da-arrows-prev"></span> <span class="da-arrows-next"></span> </nav></div>
<div>
</div></div>
<div>
</div></div>
<div>
</body></div>
<div>
</html></div>
</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<a href="https://app.box.com/s/b1vd47fey865u9b64513" target="_blank">DOWNLOAD SOURCE CODE</a></div>
</div>
Dheerendra Vermahttp://www.blogger.com/profile/08479636664991441931noreply@blogger.com0tag:blogger.com,1999:blog-262110466459709551.post-31113647965432320232014-10-06T03:06:00.003-07:002014-10-06T03:06:29.321-07:00<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<h2 style="text-align: left;">
<b><span style="color: red;">Fullscreen Image 3D Effect</span></b></h2>
<br />
<br />
<html lang="en"><br />
<head><br />
<title>Fullscreen Image</title><br />
<link rel="stylesheet" type="text/css" href="css/demo.css" /><br />
<link rel="stylesheet" type="text/css" href="css/style.css" /><br />
<noscript><br />
<style><br />
.fd-wrapper > img {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display: block;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin: 0 auto;<br />
}<br />
</style><br />
</noscript><br />
<script id="pageTmpl" type="text/x-jquery-tmpl"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="fd-box-wrapper"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="fd-box fd-box-upper"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="fd-front"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="fd-image"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="#" class="fd-option fd-option-fullscreen">Fullscreen</a><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="fd-option fd-loading"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><!-- any other content after this --><br />
<div class="header"><br />
<a href="http://e-technology.co.in" target="_blank"><strong>Visit For Site</strong></a><br />
<span class="right"><br />
<a href="https://dheerendraverma007.blogspot.in" target="_blank">Images by Dheerendra Verma</a><br />
<br />
</span><br />
<div class="clr"></div><br />
</div><br />
<br />
</div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="fd-back"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="fd-right"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="fd-left"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="fd-top"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="fd-bottom"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="#" class="fd-option fd-option-zoomout">Zoom out</a><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="fd-box-wrapper"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="fd-box fd-box-lower"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="fd-front"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="fd-image"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><h2 class="fd-title"></h2><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><!-- dot navigation --><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><ul class="fd-nav"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><li><a href="#"><span>Image 1</span></a></li><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><li><a href="#"><span>Image 2</span></a></li><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><li><a href="#"><span>Image 3</span></a></li><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></ul><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><!-- any other content after this --><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="fd-back"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="fd-right"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="fd-left"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="fd-top"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="fd-bottom"></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></div><span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></script><br />
<script type="text/javascript" src="js/modernizr.custom.40443.js"></script><br />
</head><body><br />
<div class="container"><br />
<div id="fd-wrapper" class="fd-wrapper"> <img src="images/medium/1.jpg" data-bgimg="images/large/1.jpg" alt="image01" title="Love Will Tear Us Apart" /> <img src="images/medium/2.jpg" data-bgimg="images/large/2.jpg" alt="image02" title="Just Can't Get Enough" /> <img src="images/medium/3.jpg" data-bgimg="images/large/3.jpg" alt="image03" title="In a Manner of Speaking" /> </div><br />
</div><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script><br />
<script type="text/javascript" src="js/jquery.tmpl.min.js"></script><br />
<script type="text/javascript" src="js/jquery.slideshow.min.js"></script><br />
<script type="text/javascript"><br />
$(function() {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><br />
$('#fd-wrapper').slideshow({<br />
width<span class="Apple-tab-span" style="white-space: pre;"> </span>: 600,<br />
height<span class="Apple-tab-span" style="white-space: pre;"> </span>: 396,<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>onLoad<span class="Apple-tab-span" style="white-space: pre;"> </span>: function() {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>if( !Modernizr.csstransforms3d )<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>$('#fd-message').show();<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
});<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><br />
});<br />
</script><br />
</body><br />
</html><br />
<br />
<br />
<h2 style="text-align: left;">
<span style="color: red;"><br /> <a href="https://app.box.com/s/d2yprs2h3xoxcyl1r3ys" target="_blank">Download Source Code</a></span></h2>
</div>
Dheerendra Vermahttp://www.blogger.com/profile/08479636664991441931noreply@blogger.com0tag:blogger.com,1999:blog-262110466459709551.post-33085795491158323212014-10-06T02:53:00.001-07:002014-10-06T02:53:44.953-07:00<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
<b>loading_effect</b></h2>
<div>
<b><br /></b></div>
<div>
<b><br /></b></div>
<div>
<b><div>
<br /></div>
<div>
<html xmlns="http://www.w3.org/1999/xhtml"></div>
<div>
<head></div>
<div>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></div>
<div>
<title>Loadind Effect</title></div>
<div>
<link rel="stylesheet" type="text/css" href="css/style.css" /></div>
<div>
<link rel="stylesheet" type="text/css" href="css/slider.css" /></div>
<div>
<script type="text/javascript" src="scripts/jquery.js"></script></div>
<div>
<script type="text/javascript" src="scripts/smartMenu.js"></script></div>
<div>
<script type="text/javascript"></div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>jQuery(document).ready(function(){</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>//Menu</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>jQuery("#menu > li").smartMenu({</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>inSpeed: 600,</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>outSpeed: 300,</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin: 8,</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>easingFxIn: 'easeOutQuint',</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>easingFxOut: 'easeOutQuint'</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>});</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>});</div>
<div>
<br /></div>
<div>
</script></div>
<div>
<script type="text/javascript" src="scripts/queryLoader.js"></script></div>
<div>
<script type="text/javascript" src="scripts/jquery.easing.1.3.js"></script></div>
<div>
<script type="text/javascript"></div>
<div>
jQuery(document).ready(function(){</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>jQuery(".btn-slide, .hide").click(function(){</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>jQuery("#panel").slideToggle("slow");</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>jQuery(this).toggleClass("active"); return true;</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>});</div>
<div>
});</div>
<div>
</script></div>
<div>
</head></div>
<div>
<body></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<!--top_wrapper end--></div>
<div>
<p class="slide"><a href="#" class="btn-slide"></a></p></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<script></div>
<div>
$(document).ready(function () {</div>
<div>
$("body").queryLoader2({</div>
<div>
barColor: "#000000",</div>
<div>
backgroundColor: "#FFFFFF",</div>
<div>
percentage:false,</div>
<div>
barHeight: 1,</div>
<div>
completeAnimation: "grow",</div>
<div>
minimumTime: 2000</div>
<div>
});</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>$('#loaderlogo').css({ width:'177px', height:'69px', position:'absolute', 'margin-top':'-140px', 'margin-left':'-88px', top:'50%', left:'50%', background:'url(images/krish_play.gif) no-repeat center'})</div>
<div>
});</div>
<div>
$('#mailcontdiv a').hover(function(){$(this).find('.hovspan').fadeIn(200)}, function(){$(this).find('.hovspan').fadeOut(200)</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span> });</div>
<div>
</script></div>
<div>
</body></div>
<div>
</html></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<a href="https://app.box.com/s/ukylikpj0s7vrrxw5dl8" target="_blank">Download Source Code</a></div>
</b></div>
</div>
Dheerendra Vermahttp://www.blogger.com/profile/08479636664991441931noreply@blogger.com0