moep/dynamicweb
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Changed some divs for responsive

Browse source
This commit is contained in:
Geetha Mondi 2017-06-28 15:09:17 +05:30
commit 4f793d516e
1 changed files with 20 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

34
datacenterlight/templates/datacenterlight/whydatacenterlight.html
View file

@ -18,7 +18,8 @@
</div> </div>
</div> </div>
<div class="split-section left" id="tech_stack"> <div class="split-section left" id="tech_stack">
<div class="container space"> <div class="space">
<div class="container">
<div class="row"> <div class="row">
<div class="col-xs-12 col-sm-6 col-md-6"> <div class="col-xs-12 col-sm-6 col-md-6">
<div class="split-text"> <div class="split-text">
@ -68,9 +69,11 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- /.container --> <!-- /.container -->
<hr class="thick-divider"><!-- Divider --> <hr class="thick-divider"/><!-- Divider -->
<div class="container space"> <div class=" space">
<div class="container">
<div class="row"> <div class="row">
<div class="col-xs-12 col-sm-4 col-md-6 "> <div class="col-xs-12 col-sm-4 col-md-6 ">
<div class="col-xs-12 col-sm-12 col-md-6 col-md-6 logo-wrap"> <div class="col-xs-12 col-sm-12 col-md-6 col-md-6 logo-wrap">
@ -91,9 +94,11 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- /.container --> <!-- /.container -->
<hr class="thick-divider"><!-- Divider --> <hr class="thick-divider"/><!-- Divider -->
<div class="container container-small space"> <div class="space">
<div class="container container-small">
<div class="row"> <div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="col-xs-12 col-sm-7 col-md-6 col-lg-7 text-left tech-sub-sec "> <div class="col-xs-12 col-sm-7 col-md-6 col-lg-7 text-left tech-sub-sec ">
@ -110,22 +115,23 @@
</div> </div>
<div class="col-lg-12 space-block"></div> <div class="col-lg-12 space-block"></div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="col-xs-12 col-sm-7 col-md-6 col-lg-6 percent-text"> <div class="col-xs-12 col-sm-7 col-md-6 col-lg-6 percent-text">
<span class="pull-left space-middle"> 100%<strong>SSD</strong></span> <span class="pull-left"><img class="img-responsive" src="{% static 'datacenterlight/img/ssd.jpg' %}" alt="SSD"></span> <span class="pull-left space-middle"> 100%<strong>SSD</strong></span> <span class="pull-left"><img class="img-responsive" src="{% static 'datacenterlight/img/ssd.jpg' %}" alt="SSD"></span>
</div> </div>
<div class="col-xs-12 col-sm-5 col-md-6 col-lg-6 text-right tech-sub-sec padding-vertical"> <div class="col-xs-12 col-sm-5 col-md-6 col-lg-6 text-right tech-sub-sec padding-vertical">
<div> <div>
<p class="lead">{% blocktrans %} No more hard disks with spinning metal plates!<br> <p class="lead">{% blocktrans %} No more hard disks with spinning metal plates!<br>
Data Center Light uses only SSDs.<br> Data Center Light uses only SSDs.<br>
We keep things faster and lighter. {% endblocktrans %}</p> We keep things faster and lighter. {% endblocktrans %}</p>
</div>
</div> </div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- /.container --> <!-- /.container -->
</div> </div>
<!-- /.content-section-b --> <!-- /.content-section-b -->