Line 9: | Line 9: | ||
<link rel="stylesheet"href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> | <link rel="stylesheet"href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> | ||
<link rel="stylesheet" href="carousel.css"> | <link rel="stylesheet" href="carousel.css"> | ||
+ | <style> | ||
+ | body { | ||
+ | margin:0; | ||
+ | background-color: #aaaaaa; | ||
+ | font-family: "Paytone One"; | ||
+ | } | ||
+ | |||
+ | a{text-decoration: none;} | ||
+ | |||
+ | /*Section Bar*/ | ||
+ | .icon-bar { | ||
+ | width:100%; | ||
+ | background-color: #005bbb; | ||
+ | overflow: auto; | ||
+ | } | ||
+ | |||
+ | .icon-bar a { | ||
+ | float: left; | ||
+ | width: 10%; /*Para cada icono, un 12%*/ | ||
+ | text-align: center; | ||
+ | padding: 10px 0; | ||
+ | transition: all 0.6s ease; | ||
+ | color: white; | ||
+ | font-size: 15px; | ||
+ | display: table-cell; | ||
+ | vertical-align: middle; | ||
+ | |||
+ | } | ||
+ | |||
+ | .icon-bar a:hover { | ||
+ | background-color: #5e6a71; | ||
+ | } | ||
+ | |||
+ | .activeib { | ||
+ | background-color: #008542; | ||
+ | } | ||
+ | |||
+ | /*Submenu*/ | ||
+ | .submenu { | ||
+ | width:100%; | ||
+ | background-color: #333; | ||
+ | overflow: auto; | ||
+ | } | ||
+ | |||
+ | .submenu a { | ||
+ | float: left; | ||
+ | width: auto; | ||
+ | text-align: center; | ||
+ | padding: 0px 0; | ||
+ | transition: all 1s ease; | ||
+ | color: white; | ||
+ | font-size: 13px; | ||
+ | margin-left: 10px; | ||
+ | margin-right: 10px; | ||
+ | text-decoration: none; | ||
+ | display: table-cell; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | .submenu a:hover {background-color: #333;} | ||
+ | .submenu a:visited {text-decoration:none;} | ||
+ | |||
+ | |||
+ | /*Scroll*/ | ||
+ | .content { | ||
+ | padding: 16px; | ||
+ | } | ||
+ | |||
+ | .sticky { | ||
+ | position: fixed; | ||
+ | top: 100; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .sticky + .content { | ||
+ | padding-top: 60px; | ||
+ | } | ||
+ | |||
+ | #mailform{ | ||
+ | background-color: #008542; | ||
+ | height: 100px; | ||
+ | weight: 300px; | ||
+ | }</style> | ||
</head> | </head> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> |
Revision as of 01:01, 9 October 2019
<!DOCTYPE html>