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 {
margin-top: 0;
margin-bottom: 15px;
font-size: 22px;
font-size: 26px;
color: #494949;
}
@ -735,7 +735,7 @@ section#contact .section-heading {
margin: 20px auto;
}
section#contact .section-heading {
font-size: 24px;
font-size: 26px;
}
section#contact .intro-smallcap {
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 {
font-style: normal;
color: #494949;
@ -142,6 +156,10 @@
background-color: #ffffff;
}
.header_slider .carousel-control {
width: 25px;
}
.header_slider .carousel-control .fa {
font-size: 2em;
position: absolute;
@ -170,10 +188,19 @@
line-height: 1.1;
}
.header_slider .btn-trans {
align-self: flex-end;
z-index: 2;
position: relative;
}
@media (min-width: 768px) {
.header_slider .intro-cap {
font-size: 2.25em;
}
.header_slider .carousel-control {
width: 50px;
}
.header_slider .carousel-control .fa-angle-left {
left: 25px;
}
@ -200,6 +227,7 @@
font-size: 1.55em;
text-align: right;
line-height: 1.4;
margin-bottom: 20px;
}
@media (max-width: 768px) {

View file

@ -18,6 +18,7 @@
{% trans "We Design, Configure &amp; Maintain <br> Your Linux Infrastructure " %}
</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>
<a class="btn btn-trans" href="">Learn More</a>
</div>
</div>
<div class="item">
@ -27,6 +28,7 @@
{% trans "We Design, Configure &amp; Maintain <br> Your Linux Infrastructure " %}
</div>
<p class="intro_lead">Ruby on Rails, Django, Nothing else.</p>
<a class="btn btn-trans" href="">Learn More</a>
</div>
</div>
<div class="item">
@ -35,6 +37,7 @@
<div class="intro-cap">
{% trans "We Design, Configure &amp; Maintain <br> Your Linux Infrastructure " %}
</div>
<a class="btn btn-trans" href="">Learn More</a>
</div>
</div>
</div>