Web Content Display Web Content Display

<title></title>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet" type="text/css" />
<link href="http://dronacharya.edu.in/documents/12702/58634/default.css" media="screen" rel="stylesheet" type="text/css" />
<link href="http://dronacharya.edu.in/documents/12702/58573/nivo-slider.css/e1b3ce9b-6e8b-4716-9872-4ef57c6c8878" media="screen" rel="stylesheet" type="text/css" />
<link href="http://dsb.edu.in/wp-content/themes/University/css/boxes_dsb.css?ver=4.0" id="box-css" media="all" rel="stylesheet" type="text/css" />
<link href="http://www.dronacharya.edu.in/documents/1273576/1401566/circle.css/4557d33a-fb6d-46b6-85b4-9a4dd351dc48" rel="stylesheet" />
<style type="text/css">.nivo-controlNav{
display:none !important;
}
.aui #breadcrumbs {
    display: none;
}
.aui .lfr-hudcrumbs .breadcrumb {
display: none;
}

.thumb {
    max-height: 171px;
    border: solid 6px rgba(5, 5, 5, 0.8);
}

.lightbox {
    position: fixed;
    z-index: 999;
    height: 0;
    width: 0;
    text-align: center;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
}

.lightbox img {
    max-width: 90%;
    max-height: 80%;
    margin-top: 2%;
    opacity: 0;
}

.lightbox:target {
    /** Remove default browser outline */
    outline: none;

    width: 100%;
    height: 100%;
    opacity: 1 !important;

}

.lightbox:target img {
    border: solid 17px rgba(77, 77, 77, 0.8);
    opacity: 1;
    webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
    -webkit-transition-timing-function: linear;
    -webkit-transition-timing-function: ease;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: linear;
    transition-timing-function: ease;
    transition-timing-function: ease-in;
}

.light-btn {
    color: #fafafa;
    background-color: #333;
    border: solid 3px #777;
    padding: 5px 15px;
    border-radius: 1px;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
    position: absolute;
    top: 45%;
    z-index: 99;
}

.light-btn:hover {
    background-color: #111;
}

.btn-prev {
    left: 7%;
}

.btn-next {
    right: 7%;
}

.btn-close {
    position: absolute;
    right: 2%;
    top: 2%;
    color: #fafafa;
    background-color: #92001d;
    border: solid 5px #ef4036;
    padding: 10px 15px;
    border-radius: 1px;
    text-decoration: none;
}

.btn-close:hover {
    background-color: #740404;
}


/*  Box StyleSheet*/

/* imports */
@import url(http://fonts.googleapis.com/css?family=Lobster);

/* resets */
*,
*:before,
*:after {
  box-sizing: border-box;
}
.clearfix:after {
    content: "";
  display: table;
  clear: both;
}

/* global */
body {
  background-color:#D1D1D1;
  font-family: sans-serif;
  font-size: 14px;
  line-height: 1.3;
}
.wrapper {
  margin: 0 auto;
  padding: 5px 30px 10px 45px;
  max-width: 100%;
  background-color: #fff;
  text-align: center;
}
h1 {
  font-family: "Lobster", cursive;
  font-size: 1.5em;
  margin-bottom: 10px;
  text-align:center;
}
h2 {
  font-weight: 700;
  text-align:center;
  font-size:1em;
}

/* grid */
.row {
  margin: 0 -10px;
  margin-bottom: 20px;
}
.row:last-child {
  margin-bottom: 0;
}
[class*="col-"] {
  padding: 10px;
}

@media all and ( min-width: 600px ) {

  .col-1-4 {
    float: left;
    width: 25%;
  }
  .col-1-4:nth-child(2n+1) {
    clear: both;
  }

}

@media all and ( min-width: 960px ) {

  .col-1-4 {
    width: 25%;
  }
  .col-1-4:nth-child(2n+1) {
    clear: none;
  }

}
</style>
<div class="slider-wrapper theme-default" style="width: 100%; border:1px solid #ccc;">
<div class="nivoSlider" id="slider" style="margin-top:-20px;"><img alt="" src="/documents/1273576/1402778/slider1.jpg/e56a41a5-41c9-4486-9f7e-97639b839eb2?t=1455945833571" /> <img alt="" src="/documents/1273576/1402778/slider2.jpg/8937e203-3b65-40d3-9d23-35ea284a4b8c?t=1455945942759" /> <img alt="" src="/documents/1273576/1402778/slider3.jpg/23b4d62e-1e01-4c4a-a5e5-ceed8993ee16?t=1455945961936" /> <img alt="" src="/documents/1273576/1402778/slider4.jpg/f111b540-9b4f-4d4d-b93e-ce97bfc316ad?t=1455945981710" /> <img alt="" src="/documents/1273576/1402778/slider5.jpg/3b84075c-96a9-4e8d-9bec-5d4c585defc8?t=1455946005033" /> <img alt="" src="/documents/1273576/1402778/slider6.jpg/087811dd-5ab3-4263-bee0-a78ccbda0662?t=1455946052398" /></div>

<div class="wrapper">
<h1>Welcome To My Website</h1>

<div class="row clearfix">
<div class="col-1-4">
<h2>About Us</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>

<p>&nbsp;</p>

<div class="c100 p25" style="margin-left:30%;"><span>25%</span>

<div class="slice">
<div class="bar">&nbsp;</div>

<div class="fill">&nbsp;</div>
</div>
</div>
</div>

<div class="col-1-4">
<h2>Mission</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>

<p>&nbsp;</p>

<div class="c100 p25 green" style="margin-left:30%;"><span>25%</span>

<div class="slice">
<div class="bar">&nbsp;</div>

<div class="fill">&nbsp;</div>
</div>
</div>
</div>

<div class="col-1-4">
<h2>Vision</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>

<p>&nbsp;</p>

<div class="c100 p25 orange" style="margin-left:30%;"><span>25%</span>

<div class="slice">
<div class="bar">&nbsp;</div>

<div class="fill">&nbsp;</div>
</div>
</div>
</div>

<div class="col-1-4">
<h2>History</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>

<p>&nbsp;</p>

<div class="c100 p25" style="margin-left:30%;"><span>25%</span>

<div class="slice">
<div class="bar">&nbsp;</div>

<div class="fill">&nbsp;</div>
</div>
</div>
</div>
</div>

<div class="clearfix">&nbsp;</div>

<h1>Welcome To My Gallery</h1>
<a href="#img1"><img class="thumb" src="/documents/1273576/1424235/photo01.jpg/02c87e5b-c253-4e07-baae-967bb5f80f69?t=1455962198000" style="width: 200px; height: 150px;" /> </a> <!-- lightbox container hidden with CSS -->

<div class="lightbox" id="img1"><a class="light-btn btn-prev" href="#img3">prev</a> <a class="btn-close" href="#_">X</a> <img src="http://www.dronacharya.edu.in/documents/1273576/1424239/photo01.jpg/df9d3e26-6ddf-4aa5-8470-fb96911166d0?t=1455962100310" /> <a class="light-btn btn-next" href="#img2">next</a></div>
<a href="#img2"> <img class="thumb" src="/documents/1273576/1424235/photo02.jpg/576c6dfc-1c24-411c-b933-1b7db0b4e4e2?t=1455962198000" style="width: 200px; height: 150px;" /> </a> <!-- lightbox container hidden with CSS -->

<div class="lightbox" id="img2"><a class="light-btn btn-prev" href="#img1">prev</a> <a class="btn-close" href="#_">X</a> <img src="http://www.dronacharya.edu.in/documents/1273576/1424239/photo02.jpg/696d4df1-1647-4014-90a2-ac558e984766?t=1455962100755" /> <a class="light-btn btn-next" href="#img3">next</a></div>
<a href="#img3"> <img class="thumb" src="/documents/1273576/1424235/photo03.jpg/8f2664ee-777d-447d-b57d-1833a4c8dbfe?t=1455962198000" style="width: 200px; height: 150px;" /> </a> <!-- lightbox container hidden with CSS -->

<div class="lightbox" id="img3"><a class="light-btn btn-prev" href="#img2">prev</a> <a class="btn-close" href="#_">X</a> <img src="http://www.dronacharya.edu.in/documents/1273576/1424239/photo03.jpg/adcbfdf8-9264-4142-b358-6b4e2944f90e?t=1455962100990" /> <a class="light-btn btn-next" href="#img1">next</a></div>
<!-- /.wrapper --></div>
<script>
/* var bcf_settings = { buttonText:'Contact Us', buttonTop:'30%', language:'en_US' }; // Better Contact Form Settings */
/*(function (d, s, id) {
    if ('https:' == document.location.protocol || d.getElementById(id)) return;
    var js, fjs = d.getElementsByTagName(s)[0]; js = d.createElement(s); js.id = id;
    js.src = "http://bettercontactform.com/contact/media/e/d/edcb16dc923b54155c43283f04086d1a6cfb0aa0.js";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, "script", "bcf-render"));*/</script><script type="text/javascript" src="http://dronacharya.edu.in/documents/12702/58824/jquery-1.9.0.min.js">
</script><script type="text/javascript" src="http://dronacharya.edu.in/documents/12702/58824/jquery.nivo.slider.js">
</script><script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
</script></div>