<!DOCTYPE html> Ferasah body { font: 400 15px/1.8 Lato, sans-serif; color: #777; padding: 25px; background: linear-gradient(to bottom left, #012622, white); background-repeat: no-repeat; background-size: 100% 100%; } h3, h4 { margin: 10px 0 30px 0; letter-spacing:0px;<br> font-size: 20px; color: #111; } .container { padding: 80px 120px; } .person { border: 10px solid transparent; margin-bottom: 25px; width: 80%; height: 80%; opacity: 0.7; } .person:hover { border-color: #f1f1f1; } .carousel-inner img { -webkit-filter: grayscale(90%); filter: grayscale(90%); /* make all photos black and white <em>/ width: 100%; /</em> Set width to 100% <em>/ margin: auto; } .carousel-caption h3 { color: #fff !important; } @media (max-width: 600px) { .carousel-caption { display: none; /</em> Hide the carousel text when the screen is less than 600 pixels wide <em>/ } } .bg-1 { background: #072C21; /</em> e&saea color <em>/ color: #bdbdbd; } .bg-1 h3 {color: #fff;} .bg-1 p {font-style: italic;} .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .list-group-item:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .thumbnail { padding: 0 0 15px 0; border: none; border-radius: 0; } .thumbnail p { margin-top: 15px; color: #555; } .btn { padding: 10px 20px; background-color: #333; color: #f1f1f1; border-radius: 0; transition: .2s; } .btn:hover, .btn:focus { border: 1px solid #333; background-color: #fff; color: #000; } .modal-header, h4, .close { background-color: #333; color: #fff !important; text-align: center; font-size: 30px; } .modal-header, .modal-body { padding: 40px 50px; } .nav-tabs li a { color: #777; } #googleMap { width: 100%; height: 400px; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .navbar { font-family: Montserrat, sans-serif; margin-bottom: 0; background-color: #072C21; border: 0; font-size: 11px !important; letter-spacing: 0px; opacity: 0.9; } .navbar li a, .navbar .navbar-brand { color: #d5d5d5 !important; } .navbar-nav li a:hover { color: #fff !important; } .navbar-nav li.active a { color: #fff !important; background-color: #29292c !important; } .navbar-default .navbar-toggle { border-color: transparent; } .open .dropdown-toggle { color: #fff; background-color: #555 !important; } .dropdown-menu li a { color: #000 !important; } .dropdown-menu li a:hover { background-color: red !important; } footer { background-color: #072C21; /</em> down */ color: #f5f5f5; padding: 32px; } footer a { color: #f5f5f5; } footer a:hover { color: #777; text-decoration: none; } .form-control { border-radius: 0; } textarea { resize: none; }</p> <p>
فراسة لنجعل الحج أكثر سلاسة
تمعن في الماضي واستشراف في المستقبل
الإحصائيات
$(document).ready(function(){ // Initialize Tooltip $('[data-toggle="tooltip"]').tooltip(); // Add smooth scrolling to all links in navbar + footer link $(".navbar a, footer a[href='#myPage']").on('click', function(event) { // Make sure this.hash has a value before overriding default behavior if (this.hash !== "") { // Prevent default anchor click behavior event.preventDefault(); // Store hash var hash = this.hash; // Using jQuery's animate() method to add smooth page scroll // The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area $('html, body').animate({ scrollTop: $(hash).offset().top }, 900, function(){ // Add hash (#) to URL when done scrolling (default click behavior) window.location.hash = hash; }); } // End if }); })
Log in or sign up for Devpost to join the conversation.