|
|
Line 20: |
Line 20: |
| | | |
| | | |
| + | ul { |
| + | list-style-type: none; |
| + | margin: 0; |
| + | padding: 0; |
| + | overflow: hidden; |
| + | background-color: #333; |
| + | } |
| | | |
| + | li { |
| + | float: left; |
| + | } |
| | | |
| + | li a { |
| + | display: block; |
| + | color: white; |
| + | text-align: center; |
| + | padding: 14px 16px; |
| + | text-decoration: none; |
| + | } |
| | | |
| + | li a:hover { |
| + | background-color: #111; |
| + | } |
| | | |
| | | |
− | </style>
| |
| | | |
| | | |
Line 33: |
Line 52: |
| | | |
| | | |
| + | </style> |
| | | |
− | <body>
| |
| | | |
| | | |
| | | |
| | | |
− | <div class="container-fluid page-heading" id="parallax" style="background-image: url(https://upload.wikimedia.org/wikipedia/commons/f/f8/Spain_national_basketball_team_2011_01.jpg);">THE TEAM</div>
| |
| | | |
| | | |
| | | |
| + | <body> |
| | | |
| | | |
| | | |
| | | |
| + | <div class="container-fluid page-heading" id="parallax" style="background-image: url(https://upload.wikimedia.org/wikipedia/commons/f/f8/Spain_national_basketball_team_2011_01.jpg);">THE TEAM</div> |
| | | |
| | | |
| | | |
| | | |
− |
| |
| | | |
| | | |
Line 59: |
Line 78: |
| | | |
| | | |
| + | |
| | | |
| | | |
Line 66: |
Line 86: |
| | | |
| | | |
− | <div class="container-fluid" >
| |
| | | |
| | | |
Line 74: |
Line 93: |
| | | |
| | | |
− | <div class="we-are-header"> | + | <div class="container-fluid" > |
− | | + | |
− | <div class="head-controls role-marketing">
| + | |
− | | + | |
− | <div class="head-item role-all">
| + | |
− | | + | |
− | <svg xmlns="http://www.w3.org/2000/svg">
| + | |
− |
| + | |
− | <rect class="rect_bg" x="1" y="1" ry="22" width="72.6333" height="42" radius="20"></rect>
| + | |
− | <rect data-array="194" class="rect" x="1" y="1" rx="22" ry="22" width="72.6333" height="42" radius="20" style="stroke-dasharray: 194, 194; stroke-dashoffset: 194;"></rect>
| + | |
− | | + | |
− | <desc>Created with Snap</desc>
| + | |
− | <defs></defs>
| + | |
− | </svg>
| + | |
− | | + | |
− | All
| + | |
− | </div>
| + | |
− | | + | |
| | | |
− | <div class="head-item role-founders">
| |
− | <svg xmlns="http://www.w3.org/2000/svg">
| |
− | <rect class="rect_bg" x="1" y="1" ry="22" width="112.367" height="42" radius="20"></rect>
| |
− | <rect data-array="272" class="rect" x="1" y="1" rx="22" stroke-dasharray="272,272" ry="22" width="112.367" height="42" radius="20" style="stroke-dasharray: 272, 272; stroke-dashoffset: 272;"></rect>
| |
| | | |
− | <desc>Created with Snap</desc>
| |
− | <defs></defs>
| |
− | </svg>
| |
− | Founders
| |
− | </div>
| |
| | | |
| | | |
| | | |
− | <div class="head-item role-marketing selected">
| |
− | <svg xmlns="http://www.w3.org/2000/svg">
| |
− | <rect class="rect_bg" x="1" y="1" ry="22" width="117.083" height="42" radius="20"></rect>
| |
− | <rect data-array="281" class="rect" x="1" y="1" rx="22" stroke-dasharray="281,281" ry="22" width="117.083" height="42" radius="20" style="transition: stroke-dashoffset 11.4143s ease 0s; stroke-dasharray: 281, 281; stroke-dashoffset: 0;"></rect>
| |
| | | |
− | <desc>Created with Snap</desc>
| |
− | <defs></defs>
| |
− | </svg>
| |
| | | |
− | Marketing</div><div class="head-item role-engineers"> <svg xmlns="http://www.w3.org/2000/svg"> <rect class="rect_bg" x="1" y="1" ry="22" width="114.8" height="42" radius="20"></rect> <rect data-array="277" class="rect" x="1" y="1" rx="22" stroke-dasharray="277,277" ry="22" width="114.8" height="42" radius="20" style="stroke-dasharray: 277, 277; stroke-dashoffset: 277;"></rect> <desc>Created with Snap</desc><defs></defs></svg> Engineers</div><div class="head-item role-support"> <svg xmlns="http://www.w3.org/2000/svg"> <rect class="rect_bg" x="1" y="1" ry="22" width="104.4" height="42" radius="20"></rect> <rect data-array="256" class="rect" x="1" y="1" rx="22" stroke-dasharray="256,256" ry="22" width="104.4" height="42" radius="20" style="stroke-dasharray: 256, 256; stroke-dashoffset: 256;"></rect> <desc>Created with Snap</desc><defs></defs></svg> Support</div><div class="head-item role-managers"> <svg xmlns="http://www.w3.org/2000/svg"> <rect class="rect_bg" x="1" y="1" ry="22" width="115.217" height="42" radius="20"></rect> <rect data-array="278" class="rect" x="1" y="1" rx="22" stroke-dasharray="278,278" ry="22" width="115.217" height="42" radius="20" style="stroke-dasharray: 278, 278; stroke-dashoffset: 278;"></rect> <desc>Created with Snap</desc><defs></defs></svg> Managers</div> <span class="moving-box"></span></div></div>
| + | <ul> |
| + | <li><a class="active" href="#home">Home</a></li> |
| + | <li><a href="#news">News</a></li> |
| + | <li><a href="#contact">Contact</a></li> |
| + | <li><a href="#about">About</a></li> |
| + | </ul> |
| | | |
| | | |