lear more btn on slider
This commit is contained in:
		
					parent
					
						
							
								86a941ae32
							
						
					
				
			
			
				commit
				
					
						8121393cd0
					
				
			
		
					 3 changed files with 33 additions and 2 deletions
				
			
		|  | @ -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; | ||||
|  |  | |||
|  | @ -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) { | ||||
|  |  | |||
|  | @ -18,6 +18,7 @@ | |||
|             {% trans "We  Design, Configure & 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 & 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 & Maintain <br> Your Linux Infrastructure " %} | ||||
|           </div> | ||||
|           <a class="btn btn-trans" href="">Learn More</a> | ||||
|         </div> | ||||
|       </div> | ||||
|     </div> | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue