|
|
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"> |