File manager - Edit - /home/hockeyalleppey/public_html/olympyans.php
Back
<?php require("header.php"); ?> <section class="page-banner"> <div class="image-layer" style="background-image:url(images/main-slider/medal.1.jpg);"></div> <!--<div class="shape-1"></div> <div class="shape-2"></div><!--> <div class="banner-inner"> <div class="auto-container"> <div class="inner-container clearfix"> <h1>OLYMPIANS</h1> <div class="page-nav"> <ul class="bread-crumb clearfix"> <li><a href="index-main.php">Home</a></li> <li class="active">OLYMPIANS</li> </ul> </div> </div> </div> </div> </section> <section id="history" class="section parallax"> <div class="overlay"></div> <div class="container"> <div class="testimonial_content"> <center><h2 style="color:black;"><span class="dot">OLYMPIANS</span></h2></center> </div> <ul class="timeline list-unstyled"> <li class="timeline-item1"> </li> <li class="timeline-item"> <h4 style="font-size:20px;">P R SREEJESH </h4> <!--<h4>Athlete</h4><!--> </li> <li class="timeline-item"> <h4 style="font-size:20px;">2020</h4> </li> <li class="timeline-item"> <h4 style="font-size:20px;">P R SREEJESH </h4> <!--<h4>Athlete</h4><!--> </li> <li class="timeline-item"> <h4 style="font-size:20px;">2012</h4> </li> <li class="timeline-item"> <h4 style="font-size:20px;">V R DINESH NAYAK </h4> <!--<h4>Athlete</h4><!--> </li> <li class="timeline-item"> <h4 style="font-size:20px;">2000</h4> </li> <li class="timeline-item"> <h4 style="font-size:20px;">Manuel Frederick</h4> <!--<h4>Athlete</h4><!--> </li> <li class="timeline-item"> <h4 style="font-size:20px;">1972</h4> </li> <!-- End Item --> <li class="clear"></li> <li class="end-icon fa fa-bookmark"></li> </ul> <!-- End History Timeline --> </div> <!--/.container--> </section> <style> @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic); @import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900); @import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic); /*-----------------------------------------------------------------*/ /* Common Elements /*-----------------------------------------------------------------*/ ::-webkit-input-placeholder { color:#FFF !important; font-weight: 600; letter-spacing:1px; } :-moz-placeholder { color:#FFF !important; font-weight: 600; letter-spacing:1px; } ::-moz-placeholder { color:#FFF !important; font-weight: 600; letter-spacing:1px; } :-ms-input-placeholder { color:#FFF !important; font-weight: 600; letter-spacing:1px; } .clear { clear:both; } .scrollup { width:35px; height:35px; position:fixed; bottom:30px; right:15px; display:none; background:rgba(126, 193, 63, .8); text-align: center; } .scrollup i { color:#fff; font-size:15px; display:block; line-height:33px; } .scrollup:hover { background:rgba(126, 193, 63, .9); } .section { padding:100px 0 70px; position:relative; } .section .container { position:relative; } .title-box { border-bottom-width: 0px; margin-bottom: 75px; position: relative; } .title-box h2.title { font-weight: 700; font-size: 29px; line-height: 32px; text-transform: uppercase; } .title-box h2:before { bottom: 0; content: ""; display: block; height: 2px; left: 0; margin: -22px auto; position: absolute; width: 40px; background: #00AAB3; } .title-box.white h2.title:before { background:#FFF; } .title-box.white h2.title { color:#FFF; } .title-box.text-center h2:before { bottom: 0; content: ""; display: block; height: 2px; left: 0; right:0; margin: -22px auto; position: absolute; width: 40px; background: #575051; } .title-box.text-right:before { left: auto; right: 0; } .title-box.text-center:before { left: 50%; margin-left: -20px; } .color-white h2 { color:#fff !important; } #pageloader { width: 100%; height: 100%; position: fixed; background-color:#FFF; z-index: 999999; } .loader { position: absolute; width: auto; height:auto; margin: -25px 0 0 -25px; top:50%; left:50%; text-align:center; } .overlay { /*background:rgba(0, 0, 0, 0.4) url("../images/timeline-bg.png") repeat;*/ position: absolute; display: block; width: 100%; height: 100%; top: 0px; left: 0px; } section { position:relative; } .parallax .container { position:relative; } .parallax { background-attachment: fixed !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; } /*-----------------------------------------------------------------*/ /* Buttons /*-----------------------------------------------------------------*/ .btn { box-shadow: none; line-height: 22px; font-weight: 600; padding: 6px 23px; font-size: 15px; border-radius: 20px; border: 2px solid transparent; color: #262B37; transition: all 200ms ease 0s; } .btn-red { background: rgb(243, 88, 91); border-color: rgb(243, 88, 91); color:#FFF; } .btn-red:hover, .btn-red:focus { background:#FFF; border-color: FFFF; color:#000; } .btn-white { background:#FFF; border-color: FFFF; color:#5F5A5A; } .btn-white:hover, .btn-white:focus { color: #FFF; background: #7EC13F; border-color:#7EC13F; } .btn-gray-border:hover, .btn-gray-border:focus { color: #FFF; background: rgb(243, 88, 91); border-color: rgb(243, 88, 91); } .btn-green { background:#7EC13F; border-color: #7EC13F; color:#FFF; } .btn-green:hover, .btn-green:focus { color: #FFF; background:transparent; border-color: #FFF; } .btn-gray-border { border: 2px solid #7A7A7B; background: transparent; color: #4F4F50; } .btn-gray-border:hover, .btn-gray-border:focus { color: #FFF; background:#7EC13F; border-color:#7EC13F; } /*-----------------------------------------------------------------*/ /* spacing & margin /*-----------------------------------------------------------------*/ .margin-top-5 { margin-top: 5px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-25 { margin-top: 25px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-top-35 { margin-top: 35px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-top-45 { margin-top: 45px !important; } .margin-top-50 { margin-top: 50px !important; } .no-margin-bottom { margin-bottom: opx !important; } .margin-bottom-5 { margin-bottom: 5px !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-25 { margin-bottom: 25px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-35 { margin-bottom: 35px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .margin-bottom-50 { margin-bottom: 50px !important; } .margin-bottom-50 { margin-bottom: 50px !important; } .margin-bottom-60 { margin-bottom: 60px !important; } .margin-bottom-70 { margin-bottom: 70px !important; } .margin-bottom-80 { margin-bottom: 80px !important; } .margin-bottom-90 { margin-bottom: 90px !important; } .margin-left-5 { margin-left: 5px !important; } .margin-left-10 { margin-left: 10px !important; } .margin-left-15 { margin-left: 15px !important; } .margin-left-20 { margin-left: 20px !important; } .margin-left-25 { margin-left: 25px !important; } .margin-left-30 { margin-left: 30px !important; } .margin-left-90 { margin-left: 90px !important; } .margin-right-5 { margin-right: 5px !important; } .margin-right-10 { margin-right: 10px !important; } .margin-right-15 { margin-right: 15px !important; } .margin-right-20 { margin-right: 20px !important; } .margin-right-25 { margin-right: 25px !important; } .margin-right-30 { margin-right: 30px !important; } .padding-top-5 { padding-top:5px; } .padding-top-10 { padding-top:10px; } .padding-top-15 { padding-top:15px; } .padding-top-20 { padding-top:20px; } .padding-top-25 { padding-top:25px; } .padding-top-30 { padding-top:30px; } .padding-top-35 { padding-top:35px; } .padding-top-40 { padding-top:40px; } .padding-top-45 { padding-top:45px; } .padding-top-50 { padding-top:50px; } .padding-top-55 { padding-top:55px; } .padding-top-60 { padding-top:60px; } .padding-top-70 { padding-top:70px; } .padding-top-80 { padding-top:80px; } .padding-top-90 { padding-top:90px; } .padding-top-100 { padding-top:100px; } .padding-bottom-5 { padding-bottom:5px; } .padding-bottom-10 { padding-bottom:10px; } .padding-bottom-15 { padding-bottom:15px; } .padding-bottom-20 { padding-bottom:20px; } .padding-bottom-25 { padding-bottom:25px; } .padding-bottom-30 { padding-bottom:30px; } .padding-bottom-35 { padding-bottom:35px; } .padding-bottom-40 { padding-bottom:40px; } .padding-bottom-45 { padding-bottom:45px; } .padding-bottom-50 { padding-bottom:50px; } .padding-bottom-55 { padding-bottom:55px; } .padding-bottom-60 { padding-bottom:60px; } .padding-bottom-70 { padding-bottom:70px; } .padding-bottom-80 { padding-bottom:80px; } .padding-bottom-90 { padding-bottom:90px; } .padding-bottom-100 { padding-bottom:100px; } .padding-5 { padding:5px; } .padding-10 { padding:10px; } .padding-15 { padding:15px; } .padding-20 { padding:20px; } .padding-25 { padding:25px; } .padding-30 { padding:30px; } /*-----------------------------------------------------------------*/ /* History /*-----------------------------------------------------------------*/ #history { background:url(../images/parallax/timeline.jpg); } ul.timeline { margin: 40px auto 0; width: 100%; background: url(images/timeline-bg.jpg) center center repeat-y; height: auto; position: relative; padding: 0 0 80px; z-index:200; } .timeline .year { background: #FFFFFF; clear: both; color: #3C3D3D; font-size: 18px; font-weight: 600; height: auto; margin: 31px auto; text-align: center; width: 75px; height:75px; border-radius:50%; line-height:72px; left: -35px; border: 3px solid #919191; position: relative; top: -5px; left: auto; } .timeline .timeline-item { float: left; padding: 20px; width: 47.5%; background: rgba(0, 0, 0, .7); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; margin: 40px 0; position: relative; z-index: 550; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .timeline .timeline-item h4 { color: #FFF; font-size: 15px; } .timeline .timeline-item p { color: #FFF; } .timeline .timeline-item span { font-size: 13px; font-weight:600; text-transform: uppercase; color: #FFF; } .timeline .timeline-item:after { content: ''; position: absolute; right: -6.8%; display: block; width: 18px; height: 18px; background: #e62b4a; border: 2px solid #e62b4a; border-radius: 100px; top: 18px; z-index: 20; } .timeline .timeline-item:nth-of-type(2n):before { border-top: 10px solid rgba(0, 0, 0, 0); border-bottom: 10px solid rgba(0, 0, 0, 0); border-left: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0.7); content: ""; right: 100%; position: absolute; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .timeline .timeline-item:before { border-top: 10px solid rgba(0, 0, 0, 0); border-bottom: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0); border-left: 10px solid rgba(0, 0, 0, 0.7); content: ""; right: -20px; position: absolute; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .timeline .timeline-item:nth-of-type(2n) { float: right; clear: right; } .timeline .year + .timeline-item { margin-top: -20px; } .timeline .timeline-item:nth-of-type(2n):after { left: -6.8%; } .timeline .end-icon:before { clear:both; } .timeline .end-icon { height: 64px; border: 3px solid #919191; border-radius: 300px; background: #FFF; color: #868586; font-size: 24px; bottom: 0px; left: 50%; margin-left: -32px; text-align: center; padding: 19px 0px; clear: both; position: absolute; width: 64px; } /*-----------------------------------------------------------------*/ /* Team /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* Skills /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* Services /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* Why Choose Us /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* Video /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* Blog /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* Testimonial /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* Client Logo Carousel /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* Single Work Page /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* Blog Page /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* Contact /*-----------------------------------------------------------------*/ @media (min-width: 992px) and (max-width: 1024px) { .navbar-right { float:none !important; } } @media (min-width: 768px) and (max-width: 992px) { .thumnail-img { width:50%; } } @media (max-width: 768px) { .thumnail-img { width:50%; } } @media (max-width: 550px) { .thumnail-img { width:100%; } } @media (max-width:480px) { .big { font-size: 35px; line-height: 52px; } .small { font-size: 19px; } } @media (min-width: 992px) { #main-menu.collapse { display: block !important; } } @media (max-width: 992px) { #main-menu { background:#202020; } .navbar-right { float:none !important; margin-right:0px !important; } .clear-toggle { display:block; } .navbar-toggle { display: block !important; } #main-menu ul li { display: block; text-align: left; } #main-menu ul li a { line-height: 23px; display: inherit; border-bottom: 1px solid #2C2C2C; padding: 5px 20px; background:transparent; } #main-menu ul li a:hover, #main-menu ul li.active a { background:#2C2C2C !important; color:#FFF; } #main-menu ul li.active > a { box-shadow: none !important; } } </style> <!-- Parallax Section --> <!-- End Funfacts Section --> <!-- Main Footer --> <?php require("footer.php"); ?> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 8.1.30 | Generation time: 0 |
proxy
|
phpinfo
|
Settings