Welcome User
Login
Register
our company
Sophia Jain
HTML
CSS
JS
Preview
<!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <body> <br><br><br> <div class="container-fluid"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6" style="border:1px dotted #ccc"> <img src="../../images/b2.png" class="img img-responsive" style="max-height: 550px"> </div> <!-- ================== --> <div class="col-xs-12 col-sm-6 col-md-6" style="border:1px dotted #ccc"> <div class="ctext" style="min-height: 250px;"> <div><h4 class="toptext">Some Real Facts of Our Company </h4></div> <div class="fsize"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></div> </div> <div class="ctext" style="min-height: 200px;padding-top: 20px"> <div class="row"> <div class="col-xs-12 col-md-4 pad text-center"> <i class="fa fa-asl-interpreting fcol"></i> <div class="bfont">10000+</div> <div><strong>Project Complet</strong></div> </div> <div class="col-xs-12 col-md-4 pad text-center"> <i class="fa fa-child fcol"></i> <div class="bfont">100+</div> <div><strong>Consultant</strong></div> </div> <div class="col-xs-12 col-md-4 pad text-center"> <i class=" fa fa-graduation-cap fcol"></i> <div class="bfont">400+</div> <div><strong>Award Winning</strong></div> </div> </div><br> <div class="row"> <div class="col-xs-12 col-md-4 pad text-center"> <i class=" fa fa-group fcol"></i> <div class="bfont">400+</div> <div><strong>Our Employee</strong></div> </div> <div class="col-xs-12 col-md-4 pad text-center"> <i class=" fa fa-handshake-o fcol"></i> <div class="bfont">400+</div> <div><strong>Award Winning</strong></div> </div> <div class="col-xs-12 col-md-4 pad text-center"> <i class="fa fa-smile-o fcol"></i> <div class="bfont">400+</div> <div><strong>Happy Clients</strong></div> </div> </div><br> </div> </div> </div> </div> </div> </body> </html>
.bfont{ font-size: 26px; font-weight: 700; } .mtopp{ padding-top: 30px; } .fcol{ font-size: 30px; color: red; } .pad{ padding: 10px; } .toptext{ font-size: 30px; font-weight: 600; text-transform: uppercase; color: red; text-shadow: 1px 1px 1px #2e2526 padding:10px; } .fsize{ line-height: 35px; font-size: 16px; font-weight: 600; color: #615757; text-align: justify; }
View Another Modules
Date Picker
Date Picker
Datepicker Bootstrap 4
Datepicker Bootstrap 4
Enquery Form
Enquery Form
National Flag of India
National Flag of India
swing image
swing image
Pill Our Services
Pill Our Services
