style.css - krishnan5460/Implimentation GitHub Wiki

.clearfix:after{ content: ""; display: table; clear: both; } .header{ background-color: red; height: 90px; background-color: #26A2DE; } .logo{ height: 120px; width: 290px; background-color: #FFFFFF; float: left; margin-left: 30px; } .navigation{ height: 90px; float: right; background-color: transparent; margin-top: 40px; } .navigation ul li{ float: left; margin-right: 40px; font-size: 13px; } .navigation ul li a{ text-decoration: none; color: white; } body{ margin: 0px; } .banner{ height: 690px; width: 1348px; margin-top: 0px; margin-bottom: 10px; } .banner a img{ width: 1348px; height: 655px; } .container{ width: 1290px; margin-left: auto; margin-right: auto; } .news-events{ height: 410px; background-color: #ECF0F5; clear: both; margin-right: auto; margin-left: auto; } .headings{ height: 80px; width: 1150px; background-color: transparent; margin-left: auto; margin-right: auto; } .headings h1{ display: inline-block; background-color: #26A2DE; color: white; padding: 13px; width: 185px; margin-top: 2px; text-align: center; margin-left:470px; margin-top: 30px; } .headings h6{ text-align: center; margin-top: 35px; font-size: 18px; } .imag{ height: 205px; width: 1240px; background-color: transparent; clear: both; } .international{ height: 200px; width: 360px; background-color: #FFFFFF; margin-top: 75px; margin-left: 70px; float: left; } .international a img{ height: 115px; width: 320px; margin-top: 20px; margin-left: 20px; } .international p{ margin-top: 20px; margin-left: 20px; font-size: 18px; color: #565D67; } .nirf{ height: 200px; width: 360px; background-color: #FFFFFF; margin-top: 75px; margin-left: 30px; float: left; } .nirf p{ margin-top: 20px; margin-left: 20px; font-size: 18px; color: #565D67; } .nirf a img{ height: 115px; width: 320px; margin-top: 20px; margin-left: 20px; } .journey{ height: 200px; width: 360px; background-color: #FFFFFF; float: left; margin-top: 75px; margin-left: 30px; } .journey p{ margin-top: 20px; margin-left: 20px; font-size: 18px; color: #565D67; } .journey a img{ height: 115px; width: 320px; margin-top: 20px; margin-left: 20px; } .courses{ height: 615px; background-color: transparent; } .architecture{ height: 200px; width: 360px; background-color: #FFFFFF; float: left; margin-top: 75px; margin-left: 30px; border:solid 1px; } .architecture a img{ margin-left: 130px; } .architecture p{ margin-top: 15px; margin-left: 40px; color: #565D67; } .engineering{ height: 200px; width: 360px; background-color: #FFFFFF; float: left; margin-top: 75px; margin-left: 30px; border:solid 1px; } .engineering a img{ margin-left: 130px; } .engineering p{ margin-top: 15px; margin-left: 60px; color: #565D67; } .computing{ height: 200px; width: 360px; background-color: #FFFFFF; float: left; margin-top: 75px; margin-left: 30px; border:solid 1px; } .computing a img{ margin-left: 130px; } .computing p{ margin-top: 15px; margin-left: 80px; color: #565D67; } .humanities{ height: 200px; width: 360px; background-color: #FFFFFF; float: left; margin-top: 30px; margin-left: 30px; border:solid 1px; } .humanities a img{ margin-left: 130px; } .humanities p{ margin-top: 15px; margin-left: 80px; color: #565D67; } .plus { height: 40px; width: 40px; border-radius: 50%; background-color: #333333; color: #FFFFFF; display: block; margin-left: 160px; margin-top: 30px; padding: 4px; font-size: 20px; text-align: center; } .toll{ height: 200px; width: 360px; background-color: #FFFFFF; float: left; margin-top: 30px; margin-left: 30px; } .toll p{ margin-left: 110px; font-size: 20px; margin-top: 45px; } .imagg{ height: 190px; width: 280px; float: left; margin-top: 40px; margin-left: 70px; } .imagg img{ height: 190px; width: 280px; } .admission{ height: 520px; background-color: #313132; margin-top: 40px; } .admission h1{ display: inline-block; height: 35px; width: 270px; color: white; margin-top: 145px; margin-left: 525px; font-size: 30px; } .imp{ width: 380px; height: 90px; background-color: transparent; float: left; margin-left: 200px; margin-top: 55px; } .imp img{ height: 50px; width: 50px; border-radius: 50%; background-color: #FFFFFF; display: block; margin-left: 50px; padding: 4px; } .imp p{ color: white; margin-top: 20px; } .imp a{ text-decoration: none; color: white; } .fee{ width: 380px; height: 90px; background-color: transparent; float: left; margin-top: 55px; } .fee img{ height: 50px; width: 50px; border-radius: 50%; background-color: #FFFFFF; display: block; margin-left: 50px; padding: 4px; } .fee p{ color: white; margin-top: 20px; } .fee a{ text-decoration: none; color: white; } .scholor{ width: 380px; height: 90px; background-color: transparent; float: left; margin-top: 55px; } .scholor img{ height: 50px; width: 50px; border-radius: 50%; background-color: #FFFFFF; display: block; margin-left: 50px; padding: 4px; } .scholor p{ color: white; margin-top: 20px; } .scholor a{ text-decoration: none; color: white; } .imagee{ height: 215px; background-color: #ECF0F5; } .results{ height: 135px; width: 260px; margin-left: 120px; float: left; } .results img{ height: 135px; width: 260px; margin-top: 40px; } .videos{ height: 135px; width: 260px; margin-left: 30px; float: left; } .videos img{ height: 135px; width: 260px; margin-top: 40px; } .campuss{ height: 135px; width: 260px; margin-left: 30px; float: left; } .campuss img{ height: 135px; width: 260px; margin-top: 40px; } .nirfa{ height: 135px; width: 260px; margin-left: 40px; float: left; } .nirfa img{ height: 135px; width: 260px; margin-top: 40px; } .top{ height: 215px; background-color: #FFFFFF; } .rec{ height: 155px; width: 880px; background-color: transparent; float: left; } .imcont{ width: 770px; height: 75px; margin-left: 80px; } .rec img{ height: 70px; width: 100px; margin-top: 40px; text-align: center; float: left; margin-left: 70px; } .rec p{ margin-top: 35px; text-align: center; font-size: 23px; } .affiliations{ height: 190px; width: 270px; float: left; } .affiliations p{ margin-top: 35px; margin-left: 140px; } .imacont{ height: 155px; width: 460px; } .affiliations img{ height: 115px; width: 120px; margin-top: 20px; float: left; margin-left: 25px; } .contact{ height: 290px; background-color: #1F1F1F; } .contact-us{ height: 220px; width: 340px; background-color: transparent; float: left; margin-right: 40px; color: white; margin-left: 125px; } .contact-us p{ margin-top: 50px; } .contact-us span{ font-size: 20px; } .connect{ height: 220px; width: 340px; background-color: transparent; float: left; margin-right: 40px; } .connect p{ margin-top: 50px; color: white; font-size: 20px; } .links{ height: 220px; width: 340px; background-color: transparent; float: left; } .links p{ margin-top: 50px; color: white; font-size: 15px; } .links span{ font-size: 20px; } .links a{ text-decoration:none; color: white; } a:hover{ text-decoration:underline; } .footer{ height: 60px; } .pal h6{ float: left; margin-left: 70px; margin-top: 23px; } .par{ float: right; }