Difference between revisions of "Template:BGU ISRAEL"

(Replaced content with "<html> </html>")
Line 1: Line 1:
−
<html>
+
<!doctype html>
−
 
+
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
 +
<!--[if IE 7]>        <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
 +
<!--[if IE 8]>        <html class="no-js lt-ie9" lang=""> <![endif]-->
 +
<!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
 +
    <head>
 +
        <meta charset="utf-8">
 +
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 +
        <title>PlastiCure</title>
 +
        <meta name="description" content="">
 +
        <link rel="icon" href="media/small icon for site.ico">
 +
        <meta name="viewport" content="width=device-width, initial-scale=1">
 +
        <link rel="apple-touch-icon" href="apple-touch-icon.png">
 +
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 +
        <link href="css/bootstrap.css" rel="stylesheet" type="text/css"/>
 +
        <script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
 +
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
 +
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 +
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
        <style>
 +
            /*css for main menu*/
 +
            body {
 +
                padding-top: 50px;
 +
                background-image: url('media/Golf-Shirt-Grey-Seamless-Pattern-For-Website-Background.jpg');
 +
                font-family: "ourFont";
 +
                padding-bottom: 0;
 +
            }
 +
            @font-face{
 +
                font-family: ourFont;
 +
                src: url("css/bgu-ufonts_segoe-ui-light.woff");
 +
            }
 +
            .OurLogo{
 +
                max-width:120px;
 +
                margin-top: -4px;
 +
            }
 +
            .navbar-inverse{
 +
                /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
 +
                background: #45484d; /* Old browsers */
 +
                background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6-15 */
 +
                background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
 +
                background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 +
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
 +
            }
 +
            .navbar-inverse .navbar-nav>li>a{
 +
                color: #fff;
 +
            }
 +
            @media (min-width: 767px){
 +
                .navbar-inverse{
 +
                    height: 60px;
 +
                }
 +
                .mainmenu > li{
 +
                    width: 14%;
 +
                    height: 60px;
 +
                }
 +
                .navbar-nav{
 +
                    width: 80%;
 +
                }
 +
            }
 +
            @media (max-width: 767px){
 +
                .navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
 +
                    color: #fff;
 +
                }
 +
            }
 +
            /*
 +
            .navbar-default {
 +
                background-color: #216b9c;
 +
                border-color: #4cee30;
 +
            }
 +
            .navbar-default .navbar-brand {
 +
                color: #1c2a2f;
 +
            }
 +
            .navbar-default .navbar-brand:hover,
 +
            .navbar-default .navbar-brand:focus {
 +
                color: #f42d24;
 +
            }
 +
            .navbar-default .navbar-text {
 +
                color: #1c2a2f;
 +
            }
 +
            .navbar-default .navbar-nav > li > a {
 +
                color: #1c2a2f;
 +
            }
 +
            .navbar-default .navbar-nav > li > a:hover,
 +
            .navbar-default .navbar-nav > li > a:focus {
 +
                color: #f42d24;
 +
            }
 +
            .navbar-default .navbar-nav > li > .dropdown-menu {
 +
                background-color: #216b9c;
 +
            }
 +
            .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
 +
                color: #1c2a2f;
 +
            }
 +
            .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
 +
            .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
 +
                color: #f42d24;
 +
                background-color: #4cee30;
 +
            }
 +
            .navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
 +
                background-color: #4cee30;
 +
            }
 +
            .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
 +
            .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
 +
            .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
 +
                color: #f42d24;
 +
                background-color: #4cee30;
 +
            }
 +
            .navbar-default .navbar-nav > .active > a,
 +
            .navbar-default .navbar-nav > .active > a:hover,
 +
            .navbar-default .navbar-nav > .active > a:focus {
 +
                color: #f42d24;
 +
                background-color: #4cee30;
 +
            }
 +
            .navbar-default .navbar-nav > .open > a,
 +
            .navbar-default .navbar-nav > .open > a:hover,
 +
            .navbar-default .navbar-nav > .open > a:focus {
 +
                color: #f42d24;
 +
                background-color: #4cee30;
 +
            }
 +
            .navbar-default .navbar-toggle {
 +
                border-color: #4cee30;
 +
            }
 +
            .navbar-default .navbar-toggle:hover,
 +
            .navbar-default .navbar-toggle:focus {
 +
                background-color: #4cee30;
 +
            }
 +
            .navbar-default .navbar-toggle .icon-bar {
 +
                background-color: #1c2a2f;
 +
            }
 +
            .navbar-default .navbar-collapse,
 +
            .navbar-default .navbar-form {
 +
                border-color: #1c2a2f;
 +
            }
 +
            .navbar-default .navbar-link {
 +
                color: #1c2a2f;
 +
            }
 +
            .navbar-default .navbar-link:hover {
 +
                color: #f42d24;
 +
            }
 +
           
 +
            @media (max-width: 767px) {
 +
                .navbar-default .navbar-nav .open .dropdown-menu > li > a {
 +
                    color: #1c2a2f;
 +
                }
 +
                .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
 +
                .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
 +
                    color: #f42d24;
 +
                }
 +
                .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
 +
                .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
 +
                .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
 +
                    color: #f42d24;
 +
                    background-color: #4cee30;
 +
                }
 +
            }
 +
            */
 +
            @media (min-width: 979px) {
 +
                ul.nav li.dropdown:hover > ul.dropdown-menu {
 +
                    display: block;
 +
                }
 +
            }
 +
            .mainmenu > li > a{
 +
                text-align: center;
 +
                top: 7%;
 +
                font-size: 110%;
 +
                font-family: Oswald, sans-serif;
 +
                font-weight: bolder;
 +
                width: 100%;
 +
            }
 +
            .submenu{
 +
                background-color: inherit;
 +
                max-width: 168px;
 +
                min-width: 168px;
 +
                text-align: center;
 +
                left: -20px;
 +
            }
 +
            .submenu > li > a{
 +
                color: white;
 +
                padding-top: 5px;
 +
                padding-bottom: 5px;
 +
            }
 +
            .mainfooter{
 +
                margin-top: 1%;
 +
                margin-bottom: 0;
 +
                /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
 +
                background: #45484d; /* Old browsers */
 +
                background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6-15 */
 +
                background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
 +
                background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 +
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
 +
            }
 +
            .mainfooter p{
 +
                margin: 2% auto;
 +
                color: white;
 +
            }
 +
            .mainfooter ul{
 +
                list-style: none;
 +
                margin-bottom: 0;
 +
            }
 +
            .mainfooter a img{
 +
                width: 10%;
 +
                height: auto;
 +
                margin-left: 3%;
 +
                margin-top: 2%;
 +
            }
 +
            .back-to-top {
 +
                display: none;
 +
                width: 60px;
 +
                height: 60px;
 +
                text-indent: -9999px;
 +
                position: fixed;
 +
                z-index: 999;
 +
                right: 13px;
 +
                bottom: 30px;
 +
                background: black url(media/top-b-bgu.png) no-repeat center 43%;
 +
                border-radius: 30px;
 +
            }
 +
            .socialMediaIcon{
 +
                box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
 +
                border-radius: 7px;
 +
            }
 +
            .mainfooter h4{
 +
                color: #FFF;
 +
                margin-top: 4px;
 +
            }
 +
            ul{
 +
                list-style: none;
 +
            }
 +
            .mainfooter h5{
 +
                margin: 5% auto;
 +
                color: white;
 +
            }
 +
            .mainfooter ul{
 +
                margin: 6% auto;
 +
                padding: 0px;
 +
            }
 +
            .mainfooter div ul li{
 +
                display: inline;
 +
                width: 100%;
 +
                margin-right: 5%;
 +
            }
 +
            footer{
 +
                padding-bottom: 0px;
 +
            }
 +
            #projectB:hover {
 +
                background-color: #FF6961;
 +
            }
 +
            #teamB:hover {
 +
                background-color: #CB99C9;
 +
            }
 +
            #notebookB:hover {
 +
                background-color: #4997D0;
 +
            }
 +
            #partsB:hover {
 +
                background-color: #96FDFD;
 +
            }
 +
            #humanB:hover {
 +
                background-color: #77DD44;
 +
            }
 +
            #humanB > a{
 +
                top: -5px;
 +
            }
 +
            #safteyB:hover {
 +
                background-color: #FCFC4D;
 +
            }
 +
            #awardsB:hover {
 +
                background-color: #FFA447;
 +
            }
 +
            /*end css for main menu*/
 +
            .item{
 +
                height: 400px;
 +
            }
 +
            .partBox{
 +
                border: 4px solid black;
 +
                border-radius: 20px;
 +
                padding: 2% 3% 2% 3%;
 +
                box-shadow: 10px 10px 5px #888888;
 +
                margin-bottom: 5%;
 +
                background-color: white;
 +
            }
 +
        </style>
 +
    </head>
  
  
 
</html>
 
</html>

Revision as of 14:53, 7 October 2016

<!doctype html> 

 
    
        
        
        PlastiCure