Bootstrap 3.3.0 Snippet by 1234576

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row profile"> <div class="col-md-3"> <div class="profile-sidebar"> <div class="profile-usermenu"> <ul class="nav"> <li class="active"> <a href="#"> <i class="glyphicon glyphicon-home"></i> Expert Mentors </a> </li> <li> <a href="#" class="active"> <i class="glyphicon glyphicon-user"></i> Become More Impressive </a> </li> <li> <a href="#" target="_blank"> <i class="glyphicon glyphicon-ok"></i> Learn by doing </a> </li> <li> <a href="#"> <i class="glyphicon glyphicon-flag"></i> Attention that you deserve</a> </li> <li> <a href="#"> <i class="glyphicon glyphicon-flag"></i> Learn When You Can</a> </li> <li> <a href="#"> <i class="glyphicon glyphicon-flag"></i> Get Job Ready</a> </li> <li> <a href="#"> <i class="glyphicon glyphicon-flag"></i> 24*7 Support</a> </li> </ul> </div> <!-- END MENU --> </div> </div> <div class="col-md-9"> <div class="profile-content"> <section class="benefit-page"> <section class="white-section"> <div class="header1" >The Acadgild Advantage</div> <section class="header2"> <div class="what-sub-head-b"> Expert Mentors </div> <div class="header3"> Our faculty of mentors and teachers are passionate and accomplished individuals who have dedicated their lives towards sharing their in-depth knowledge with students and individuals. They follow you through your learning process with patience to help you learn better which in turn produces great outcomes. At Acadgild, the mentors have gone through rounds of training, passed in the toughest exams and most importantly, they understand the mindset of a student to deliver as per an individual's needs. Due to these reasons, our group of mentors offer not only knowledge, but more: <ul> <li>Time management</li> <li>Handling stress</li> <li>Counselling</li> <li>Maintaining a lesson plan</li> <li>Meeting the set requirements of the student.</li> <li>Progress Tracking</li> </ul> </div> </section> <section class="header2" id="personalized"> <div> Become More Impressive </div> <div class="header3">The courses offered here help students master the basics first. As they progress further towards completion, the plan of the mentorship and assisstance provided changes. This is because at Acadgild, we strive to convert the knowledge into action, the thinkers into believers and achievers. <br>By the end of the course, the students are urged to undertake projects which leads to the creation of an impressive portfolio. Acadgild aims to transform students into creators of tomorrow. </div> </section> <section class="header2" id="personalized"> <div> Learn by doing </div> <div class="header3"> With the mentor's assisstance and 1-on-1 support, the lessons are personalized to suit the needs of the students. Parts of the course - lesson plans, assignments and tests all are intended to aid in the final objective - the live project. <br>Along with our research and creation team as well as expert mentorship, a student gets to create and cummulate content for his/her project. We back the student until he individually manages to bring the project to fruition. The completion brings about a sense of gratification and confidence that is unparalled. </div> </section> <section class="header2" id="personalized"> <div> Attention that you deserve </div> <div class="header3"> The course plan are customized as per an individual's needs, learning capacity, problems and planning potential. The student gets undivided attention during the class due to small batches and 1-on-1 teaching module. <br> Acadgild's cutting edge technology, live learning environment, review/replay of the class, recommendations and supplementary course data helps in providing the special attention a student deserves. Additionally, mock tests, performance tracking, tip and tricks during tests makes every student's learning experience faster and much more effective. Students at Acadgild are therefore achieving the set goals with pride. </div> </section> <section class="header2" id="personalized"> <div> Learn When You Can </div> <div class="header3"> Virtual classrooms, instructor-led one-on-one sessions, round the clock support and flexible timings is what describes Acadgild best. Learn when it's most convenient for you. It trumps recorded lectures since your problems and doubts are addressed live and it caters exactly to the academic needs of an individual. <br> Acadgild has made learning on the go, easy and accessible. </div> </section> <section class="header2" id="personalized"> <div> Get Job Ready </div> <div class="header3"> Personalized training, several tip and tricks, tests, live projects and a superb portfolio is probably most of what is required to prep you for your career. At Acadgild, we provide more. We help you boost your confidence, skillset and teach you to manage time in an easy and interesting manner. So when you land your first job, you're ready to handle anything head on! </div> </section> <section class="header2" id="personalized"> <div> 24*7 Support </div> <div class="header3"> Customized support and mentorship comes without any time restrictions. While some prefer studying in the morning, some are night owls. And there's no time when the student encounters a confusion or block. Acadgild's 24*7 support service is at your disposal anytime, anywhere. What's more? There are no additional charges levied. </div> </section> </section> </section> </div> </div> </div> </div> <br> <br>
/*** User Profile Sidebar by @keenthemes A component of Metronic Theme - #1 Selling Bootstrap 3 Admin Theme in Themeforest: http://j.mp/metronictheme Licensed under MIT ***/ body { background: #F1F3FA; } /* Profile container */ .profile { margin: 20px 0; } /* Profile sidebar */ .profile-sidebar { padding: 20px 0 10px 0; background: #fff; } .profile-userpic img { float: none; margin: 0 auto; width: 50%; height: 50%; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } .profile-usertitle { text-align: center; margin-top: 20px; } .profile-usertitle-name { color: #5a7391; font-size: 16px; font-weight: 600; margin-bottom: 7px; } .profile-usertitle-job { text-transform: uppercase; color: #5b9bd1; font-size: 12px; font-weight: 600; margin-bottom: 15px; } .profile-userbuttons { text-align: center; margin-top: 10px; } .profile-userbuttons .btn { text-transform: uppercase; font-size: 11px; font-weight: 600; padding: 6px 15px; margin-right: 5px; } .profile-userbuttons .btn:last-child { margin-right: 0px; } .profile-usermenu { margin-top: 30px; } .profile-usermenu ul li { border-bottom: 1px solid #f0f4f7; } .profile-usermenu ul li:last-child { border-bottom: none; } .profile-usermenu ul li a { color: #93a3b5; font-size: 14px; font-weight: 400; } .profile-usermenu ul li a i { margin-right: 8px; font-size: 14px; } .profile-usermenu ul li a:hover { background-color: #fafcfd; color: #5b9bd1; } .profile-usermenu ul li.active { border-bottom: none; } .profile-usermenu ul li.active a { color: #5b9bd1; background-color: #f6f9fb; border-left: 2px solid #5b9bd1; margin-left: -2px; } /* Profile Content */ .profile-content { padding: 20px; background: #fff; min-height: 460px; } .white-section{ background-color: #fff; margin: 0 auto 30px; max-width: 810px; padding: 40px 8%; } .header1{ color: black; font-size: 35px; margin-bottom: 50px; text-align: center; line-height: 100%; font-family: radikal; } .header2 { border-bottom: 1px solid #ddd; line-height: 23px; margin-bottom: 35px; padding-bottom: 25px; } .header2>div:first-child{ font-size: 26px; font-weight: bold; margin-bottom: 10px; font-family:'Raleway Bold'; color: #F25A29; } .header3 { font-family: 'Raleway Regular'; } .red-color{ color: #ff0000; } .green-color{ color: #6aa84f; } @media (max-width: 480px) { .benefit-page{ padding: 4%; font-size: 13px; line-height: 13px; } .header2>div:first-child{ font-size: 22px; } .header1 { font-size: 28px; margin-bottom: 35px; font-family: radikal; } }

Related: See More

Questions / Comments: