lear more btn on slider

This commit is contained in:
Arvind Tiwari 2017-11-29 03:18:58 +05:30
parent 86a941ae32
commit 8121393cd0
3 changed files with 33 additions and 2 deletions

View file

@ -353,7 +353,7 @@ section {
section h2.section-heading { section h2.section-heading {
margin-top: 0; margin-top: 0;
margin-bottom: 15px; margin-bottom: 15px;
font-size: 22px; font-size: 26px;
color: #494949; color: #494949;
} }
@ -735,7 +735,7 @@ section#contact .section-heading {
margin: 20px auto; margin: 20px auto;
} }
section#contact .section-heading { section#contact .section-heading {
font-size: 24px; font-size: 26px;
} }
section#contact .intro-smallcap { section#contact .intro-smallcap {
font-size: 18px; font-size: 18px;

View file

@ -1,3 +1,17 @@
.btn-trans {
color: #fff;
border: 2px solid #fff;
padding: 4px 18px;
letter-spacing: 0.6px;
}
.btn-trans:focus,
.btn-trans:active,
.btn-trans:hover {
background: #fff;
color: #333;
}
#page-top #services .container .row .col-lg-12.text-center .section-heading { #page-top #services .container .row .col-lg-12.text-center .section-heading {
font-style: normal; font-style: normal;
color: #494949; color: #494949;
@ -142,6 +156,10 @@
background-color: #ffffff; background-color: #ffffff;
} }
.header_slider .carousel-control {
width: 25px;
}
.header_slider .carousel-control .fa { .header_slider .carousel-control .fa {
font-size: 2em; font-size: 2em;
position: absolute; position: absolute;
@ -170,10 +188,19 @@
line-height: 1.1; line-height: 1.1;
} }
.header_slider .btn-trans {
align-self: flex-end;
z-index: 2;
position: relative;
}
@media (min-width: 768px) { @media (min-width: 768px) {
.header_slider .intro-cap { .header_slider .intro-cap {
font-size: 2.25em; font-size: 2.25em;
} }
.header_slider .carousel-control {
width: 50px;
}
.header_slider .carousel-control .fa-angle-left { .header_slider .carousel-control .fa-angle-left {
left: 25px; left: 25px;
} }
@ -200,6 +227,7 @@
font-size: 1.55em; font-size: 1.55em;
text-align: right; text-align: right;
line-height: 1.4; line-height: 1.4;
margin-bottom: 20px;
} }
@media (max-width: 768px) { @media (max-width: 768px) {

View file

@ -18,6 +18,7 @@
{% trans "We Design, Configure &amp; Maintain <br> Your Linux Infrastructure " %} {% trans "We Design, Configure &amp; Maintain <br> Your Linux Infrastructure " %}
</div> </div>
<p class="intro_lead">Ruby on Rails, Django, Java, Webserver, Mailserver, any infrastructure that needs to configured, we provide comprehensive solutions. Amazon, rackspace or bare metal servers, we configure for you.</p> <p class="intro_lead">Ruby on Rails, Django, Java, Webserver, Mailserver, any infrastructure that needs to configured, we provide comprehensive solutions. Amazon, rackspace or bare metal servers, we configure for you.</p>
<a class="btn btn-trans" href="">Learn More</a>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
@ -27,6 +28,7 @@
{% trans "We Design, Configure &amp; Maintain <br> Your Linux Infrastructure " %} {% trans "We Design, Configure &amp; Maintain <br> Your Linux Infrastructure " %}
</div> </div>
<p class="intro_lead">Ruby on Rails, Django, Nothing else.</p> <p class="intro_lead">Ruby on Rails, Django, Nothing else.</p>
<a class="btn btn-trans" href="">Learn More</a>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
@ -35,6 +37,7 @@
<div class="intro-cap"> <div class="intro-cap">
{% trans "We Design, Configure &amp; Maintain <br> Your Linux Infrastructure " %} {% trans "We Design, Configure &amp; Maintain <br> Your Linux Infrastructure " %}
</div> </div>
<a class="btn btn-trans" href="">Learn More</a>
</div> </div>
</div> </div>
</div> </div>