|
|
Line 1: |
Line 1: |
| {{Open_Science_Global/main}} | | {{Open_Science_Global/main}} |
− | {{Open_Science_Global/navbar}}
| |
| <html> | | <html> |
| <style> | | <style> |
− | @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); | + | @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); |
− | body {
| + | |
− | margin: 0;
| + | |
− | background-color: #E5E5E5!important;
| + | |
− | }
| + | |
| | | |
− | html {
| + | body { |
− | scroll-behavior: smooth;
| + | margin: 0; |
− | } | + | background-color: #E5E5E5 !important; |
| + | } |
| | | |
− | .container {
| + | html { |
− | height: auto;
| + | scroll-behavior: smooth; |
− | display: -webkit-box;
| + | } |
− | display: -ms-flexbox;
| + | |
− | display: flex;
| + | |
− | -webkit-box-orient: horizontal;
| + | |
− | -webkit-box-direction: normal;
| + | |
− | -ms-flex-direction: row;
| + | |
− | flex-direction: row;
| + | |
− | -ms-flex-pack: distribute;
| + | |
− | justify-content: space-around;
| + | |
− | -ms-flex-wrap: wrap;
| + | |
− | flex-wrap: wrap;
| + | |
− | -webkit-column-gap: 18px;
| + | |
− | column-gap: 18px;
| + | |
− | } | + | |
| | | |
− | .top-banner { | + | .container { |
− | height: 220px;
| + | height: auto; |
− | top: 16px;
| + | display: -webkit-box; |
− | background: #FF8552;
| + | display: -ms-flexbox; |
− | } | + | display: flex; |
| + | -webkit-box-orient: horizontal; |
| + | -webkit-box-direction: normal; |
| + | -ms-flex-direction: row; |
| + | flex-direction: row; |
| + | -ms-flex-pack: distribute; |
| + | justify-content: space-around; |
| + | -ms-flex-wrap: wrap; |
| + | flex-wrap: wrap; |
| + | -webkit-column-gap: 18px; |
| + | column-gap: 18px; |
| + | } |
| | | |
− | .Title { | + | .top-banner { |
− | font-family: Roboto;
| + | height: 220px; |
− | text-transform: uppercase;
| + | top: 16px; |
− | font-weight: bold;
| + | background: #FF8552; |
− | font-size: 2.5vw;
| + | } |
− | -ms-flex-item-align: center;
| + | |
− | -ms-grid-row-align: center;
| + | |
− | align-self: center;
| + | |
− | top: 11%;
| + | |
− | left: 50%;
| + | |
− | position: absolute;
| + | |
− | } | + | |
| | | |
− | .Subtitle { | + | .Title { |
− | display: -webkit-box;
| + | font-family: Roboto; |
− | display: -ms-flexbox;
| + | text-transform: uppercase; |
− | display: flex;
| + | font-weight: bold; |
− | gap: 28vw;
| + | font-size: 2.5vw; |
− | height: 20vh;
| + | -ms-flex-item-align: center; |
− | } | + | -ms-grid-row-align: center; |
| + | align-self: center; |
| + | } |
| | | |
− | .Subtitle .mini-subtitle { | + | .Subtitle { |
− | display: -webkit-box;
| + | display: -webkit-box; |
− | display: -ms-flexbox;
| + | display: -ms-flexbox; |
− | display: flex;
| + | display: flex; |
− | -webkit-box-align: center;
| + | gap: 28vw; |
− | -ms-flex-align: center;
| + | height: 20vh; |
− | align-items: center;
| + | justify-content: center; |
− | gap: 50px;
| + | } |
− | margin-left: 20px;
| + | |
− | } | + | |
| | | |
− | .Subtitle .mini-subtitle .main-subtitle { | + | .Subtitle .mini-subtitle { |
− | font-family: Roboto;
| + | display: -webkit-box; |
− | font-style: normal;
| + | display: -ms-flexbox; |
− | font-weight: bold;
| + | display: flex; |
− | font-size: 1.3vw;
| + | -webkit-box-align: center; |
− | } | + | -ms-flex-align: center; |
| + | align-items: center; |
| + | gap: 50px; |
| + | margin-left: 20px; |
| + | } |
| | | |
− | .Subtitle .mini-subtitle .line { | + | .Subtitle .mini-subtitle .main-subtitle { |
− | width: 2px;
| + | font-family: Roboto; |
− | height: 26px;
| + | font-style: normal; |
− | background: #000000;
| + | font-weight: bold; |
− | } | + | font-size: 1.3vw; |
| + | } |
| | | |
− | .Subtitle .mini-subtitle .subtopic { | + | .Subtitle .mini-subtitle .line { |
− | font-family: Roboto;
| + | width: 2px; |
− | font-style: normal;
| + | height: 26px; |
− | font-weight: bold;
| + | background: #000000; |
− | font-size: 1vw;
| + | } |
− | } | + | |
| | | |
− | .subsite-container { | + | .Subtitle .mini-subtitle .subtopic { |
− | display: -webkit-box;
| + | font-family: Roboto; |
− | display: -ms-flexbox;
| + | font-style: normal; |
− | display: flex;
| + | font-weight: bold; |
− | -webkit-box-orient: vertical;
| + | font-size: 1vw; |
− | -webkit-box-direction: normal;
| + | } |
− | -ms-flex-direction: column;
| + | |
− | flex-direction: column;
| + | |
− | -webkit-box-align: center;
| + | |
− | -ms-flex-align: center;
| + | |
− | align-items: center;
| + | |
− | font-family: Roboto;
| + | |
− | font-weight: bold;
| + | |
− | -webkit-box-ordinal-group: 2;
| + | |
− | -ms-flex-order: 1;
| + | |
− | order: 1;
| + | |
− | -webkit-box-flex: 2;
| + | |
− | -ms-flex-positive: 2;
| + | |
− | flex-grow: 2;
| + | |
− | width: 100px;
| + | |
− | height: 250px;
| + | |
− | -ms-flex-negative: 1;
| + | |
− | flex-shrink: 1;
| + | |
− | margin-left: 7px;
| + | |
− | } | + | |
| | | |
− | .subsite-container .submenu-title { | + | .subsite-container { |
− | font-size: 1.3vw;
| + | display: -webkit-box; |
− | margin-bottom: 7px;
| + | display: -ms-flexbox; |
− | } | + | display: flex; |
| + | -webkit-box-orient: vertical; |
| + | -webkit-box-direction: normal; |
| + | -ms-flex-direction: column; |
| + | flex-direction: column; |
| + | -webkit-box-align: center; |
| + | -ms-flex-align: center; |
| + | align-items: center; |
| + | font-family: Roboto; |
| + | font-weight: bold; |
| + | -webkit-box-ordinal-group: 2; |
| + | -ms-flex-order: 1; |
| + | order: 1; |
| + | -webkit-box-flex: 2; |
| + | -ms-flex-positive: 2; |
| + | flex-grow: 2; |
| + | width: 100px; |
| + | height: 250px; |
| + | -ms-flex-negative: 1; |
| + | flex-shrink: 1; |
| + | margin-left: 7px; |
| + | } |
| | | |
− | .subsite-container .index-box { | + | .subsite-container .submenu-title { |
− | display: -webkit-box;
| + | font-size: 1.3vw; |
− | display: -ms-flexbox;
| + | margin-bottom: 7px; |
− | display: flex;
| + | } |
− | -webkit-box-orient: vertical;
| + | |
− | -webkit-box-direction: normal;
| + | |
− | -ms-flex-direction: column;
| + | |
− | flex-direction: column;
| + | |
− | width: 100%;
| + | |
− | height: 100%;
| + | |
− | font-size: 1.1vw;
| + | |
− | background: #F8F8F8;
| + | |
− | border-radius: 15px;
| + | |
− | -webkit-box-align: center;
| + | |
− | -ms-flex-align: center;
| + | |
− | align-items: center;
| + | |
− | -webkit-box-pack: space-evenly;
| + | |
− | -ms-flex-pack: space-evenly;
| + | |
− | justify-content: space-evenly;
| + | |
− | border-radius: 15px;
| + | |
− | } | + | |
| | | |
− | .subsite-container .index-box a { | + | .subsite-container .index-box { |
− | text-decoration: none;
| + | display: -webkit-box; |
− | text-transform: uppercase;
| + | display: -ms-flexbox; |
− | color: black;
| + | display: flex; |
− | width: 80%;
| + | -webkit-box-orient: vertical; |
− | border-bottom: 0.5px solid #DCDCDC;
| + | -webkit-box-direction: normal; |
− | text-align: center;
| + | -ms-flex-direction: column; |
− | } | + | flex-direction: column; |
| + | width: 100%; |
| + | height: 100%; |
| + | font-size: 1.1vw; |
| + | background: #F8F8F8; |
| + | border-radius: 15px; |
| + | -webkit-box-align: center; |
| + | -ms-flex-align: center; |
| + | align-items: center; |
| + | -webkit-box-pack: space-evenly; |
| + | -ms-flex-pack: space-evenly; |
| + | justify-content: space-evenly; |
| + | border-radius: 15px; |
| + | } |
| | | |
− | .nav-menu { | + | .subsite-container .index-box a { |
− | display: -webkit-box;
| + | text-decoration: none; |
− | display: -ms-flexbox;
| + | text-transform: uppercase; |
− | display: flex;
| + | color: black; |
− | -webkit-box-orient: vertical;
| + | width: 80%; |
− | -webkit-box-direction: normal;
| + | border-bottom: 0.5px solid #DCDCDC; |
− | -ms-flex-direction: column;
| + | text-align: center; |
− | flex-direction: column;
| + | } |
− | font-family: Roboto;
| + | |
− | font-weight: bold;
| + | |
− | -webkit-box-ordinal-group: 4;
| + | |
− | -ms-flex-order: 3;
| + | |
− | order: 3;
| + | |
− | -webkit-box-flex: 2;
| + | |
− | -ms-flex-positive: 2;
| + | |
− | flex-grow: 2;
| + | |
− | -ms-flex-negative: 1;
| + | |
− | flex-shrink: 1;
| + | |
− | width: 100px;
| + | |
− | height: 250px;
| + | |
− | margin-right: 7px;
| + | |
− | } | + | |
| | | |
− | .nav-menu .submenu-title { | + | .nav-menu { |
− | font-size: 1.3vw;
| + | display: -webkit-box; |
− | text-align: center;
| + | display: -ms-flexbox; |
− | text-transform: uppercase;
| + | display: flex; |
− | margin-bottom: 7px;
| + | -webkit-box-orient: vertical; |
− | } | + | -webkit-box-direction: normal; |
| + | -ms-flex-direction: column; |
| + | flex-direction: column; |
| + | font-family: Roboto; |
| + | font-weight: bold; |
| + | -webkit-box-ordinal-group: 4; |
| + | -ms-flex-order: 3; |
| + | order: 3; |
| + | -webkit-box-flex: 2; |
| + | -ms-flex-positive: 2; |
| + | flex-grow: 2; |
| + | -ms-flex-negative: 1; |
| + | flex-shrink: 1; |
| + | width: 100px; |
| + | height: 250px; |
| + | margin-right: 7px; |
| + | } |
| | | |
− | .nav-menu .submenu-content { | + | .nav-menu .submenu-title { |
− | display: -webkit-box;
| + | font-size: 1.3vw; |
− | display: -ms-flexbox;
| + | text-align: center; |
− | display: flex;
| + | text-transform: uppercase; |
− | -webkit-box-orient: vertical;
| + | margin-bottom: 7px; |
− | -webkit-box-direction: normal;
| + | } |
− | -ms-flex-direction: column;
| + | |
− | flex-direction: column;
| + | |
− | width: 100%;
| + | |
− | height: 100%;
| + | |
− | background: #F8F8F8;
| + | |
− | border-radius: 15px;
| + | |
− | -webkit-box-align: center;
| + | |
− | -ms-flex-align: center;
| + | |
− | align-items: center;
| + | |
− | -webkit-box-pack: space-evenly;
| + | |
− | -ms-flex-pack: space-evenly;
| + | |
− | justify-content: space-evenly;
| + | |
− | border-radius: 15px;
| + | |
− | } | + | |
| | | |
− | .nav-menu .submenu-content a { | + | .nav-menu .submenu-content { |
− | text-decoration: none;
| + | display: -webkit-box; |
− | color: black;
| + | display: -ms-flexbox; |
− | font-family: Roboto;
| + | display: flex; |
− | font-size: 1.1vw;
| + | -webkit-box-orient: vertical; |
− | font-weight: bold;
| + | -webkit-box-direction: normal; |
− | width: 80%;
| + | -ms-flex-direction: column; |
− | border-bottom: 0.5px solid #DCDCDC;
| + | flex-direction: column; |
− | text-align: center;
| + | width: 100%; |
− | text-transform: uppercase;
| + | height: 100%; |
− | } | + | background: #F8F8F8; |
| + | border-radius: 15px; |
| + | -webkit-box-align: center; |
| + | -ms-flex-align: center; |
| + | align-items: center; |
| + | -webkit-box-pack: space-evenly; |
| + | -ms-flex-pack: space-evenly; |
| + | justify-content: space-evenly; |
| + | border-radius: 15px; |
| + | } |
| | | |
− | .text-container { | + | .nav-menu .submenu-content a { |
− | display: -webkit-box;
| + | text-decoration: none; |
− | display: -ms-flexbox;
| + | color: black; |
− | display: flex;
| + | font-family: Roboto; |
− | -webkit-box-orient: vertical;
| + | font-size: 1.1vw; |
− | -webkit-box-direction: normal;
| + | font-weight: bold; |
− | -ms-flex-direction: column;
| + | width: 80%; |
− | flex-direction: column;
| + | border-bottom: 0.5px solid #DCDCDC; |
− | width: 400px;
| + | text-align: center; |
− | height: auto;
| + | text-transform: uppercase; |
− | padding-bottom: 2%;
| + | } |
− | padding-top: 2%;
| + | |
− | background: #F9F9F9;
| + | |
− | border-radius: 38px;
| + | |
− | -webkit-box-shadow: 0px 11px 15px 1px rgba(0, 0, 0, 0.65);
| + | |
− | box-shadow: 0px 11px 15px 1px rgba(0, 0, 0, 0.65);
| + | |
− | -webkit-box-align: start;
| + | |
− | -ms-flex-align: start;
| + | |
− | align-items: flex-start;
| + | |
− | overflow: hidden;
| + | |
− | -webkit-box-ordinal-group: 3;
| + | |
− | -ms-flex-order: 2;
| + | |
− | order: 2;
| + | |
− | -webkit-box-flex: 4;
| + | |
− | -ms-flex-positive: 4;
| + | |
− | flex-grow: 4;
| + | |
− | -ms-flex-negative: 0.5;
| + | |
− | flex-shrink: 0.5;
| + | |
− | } | + | |
| | | |
− | .text-container h2 { | + | .text-container { |
− | -ms-flex-item-align: start !important;
| + | display: -webkit-box; |
− | align-self: flex-start !important;
| + | display: -ms-flexbox; |
− | font-family: Roboto;
| + | display: flex; |
− | font-weight: bold;
| + | -webkit-box-orient: vertical; |
− | font-size: 2.5vw;
| + | -webkit-box-direction: normal; |
− | height: 3vw;
| + | -ms-flex-direction: column; |
− | width: 39vw;
| + | flex-direction: column; |
− | letter-spacing: 0.01em;
| + | width: 400px; |
− | text-decoration: none !important;
| + | height: auto; |
− | color: #000000;
| + | padding-bottom: 2%; |
− | margin-left: 40px;
| + | padding-top: 2%; |
− | margin-top: 35px!important;
| + | background: #F9F9F9; |
− | margin-bottom: 15px!important;
| + | border-radius: 38px; |
− | border-bottom: 2.5px solid #000000;
| + | -webkit-box-shadow: 0px 11px 15px 1px rgba(0, 0, 0, 0.65); |
− | } | + | box-shadow: 0px 11px 15px 1px rgba(0, 0, 0, 0.65); |
| + | -webkit-box-align: start; |
| + | -ms-flex-align: start; |
| + | align-items: flex-start; |
| + | overflow: hidden; |
| + | -webkit-box-ordinal-group: 3; |
| + | -ms-flex-order: 2; |
| + | order: 2; |
| + | -webkit-box-flex: 4; |
| + | -ms-flex-positive: 4; |
| + | flex-grow: 4; |
| + | -ms-flex-negative: 0.5; |
| + | flex-shrink: 0.5; |
| + | } |
| | | |
− | .text-container .text p { | + | .text-container h2 { |
− | font-family: Roboto!important;
| + | -ms-flex-item-align: start !important; |
− | font-weight: normal;
| + | align-self: flex-start !important; |
− | font-size: 1.3vw!important;
| + | font-family: Roboto; |
− | letter-spacing: 0.01em;
| + | font-weight: bold; |
− | color: #000000;
| + | font-size: 2.5vw; |
− | text-align: justify;
| + | height: 5vw; <!-- in prev Attrib was 3vw --> |
− | margin-right: 40px;
| + | width: 39vw; |
− | margin-left: 40px;
| + | letter-spacing: 0.01em; |
− | } | + | text-decoration: none !important; |
| + | color: #000000; |
| + | margin-left: 40px; |
| + | margin-top: 35px !important; <!-- in prev Attrib was 15px --> |
| + | margin-bottom: 35px !important; |
| + | border-bottom: 2.5px solid #000000; |
| + | } |
| | | |
− | footer {
| + | .text-container .text p { |
− | height: 300px;
| + | font-family: Roboto !important; |
− | width: 100vw;
| + | font-weight: normal; |
− | bottom: 0;
| + | font-size: 1.3vw !important; |
− | background: #1E2833;
| + | letter-spacing: 0.01em; |
− | -ms-flex-item-align: end;
| + | color: #000000; |
− | align-self: flex-end;
| + | text-align: justify; |
− | -webkit-box-ordinal-group: 5;
| + | margin-right: 40px; |
− | -ms-flex-order: 4;
| + | margin-left: 40px; |
− | order: 4;
| + | } |
− | padding-top: 2%;
| + | |
− | margin-top: 5%;
| + | |
− | } | + | |
| | | |
− | @media screen and (max-width: 900px) {
| + | footer { |
− | .Title {
| + | height: 300px; |
− | font-size: 3vw;
| + | width: 100vw; |
− | }
| + | bottom: 0; |
− | .Subtitle .mini-subtitle .main-subtitle {
| + | background: #1E2833; |
− | font-size: 2.5vw;
| + | -ms-flex-item-align: end; |
− | }
| + | align-self: flex-end; |
− | .Subtitle .mini-subtitle .subtopic {
| + | -webkit-box-ordinal-group: 5; |
− | font-size: 2vw;
| + | -ms-flex-order: 4; |
− | }
| + | order: 4; |
− | .nav-menu {
| + | padding-top: 2%; |
− | display: none;
| + | margin-top: 5%; |
− | }
| + | } |
− | .subsite-container {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | .text-container {
| + | |
− | margin-left: 20px;
| + | |
− | margin-right: 20px;
| + | |
− | }
| + | |
− | .text-container .text {
| + | |
− | font-size: 2vw;
| + | |
− | }
| + | |
− | h2 {
| + | |
− | font-size: 4vw;
| + | |
− | }
| + | |
− | } | + | |
| | | |
− | @media screen and (max-width: 600px) { | + | @media screen and (max-width: 900px) { |
− | .Title {
| + | .Title { |
− | font-size: 4vw;
| + | font-size: 3vw; |
− | }
| + | } |
− | .Subtitle .mini-subtitle .main-subtitle {
| + | |
− | font-size: 2.5vw;
| + | |
− | }
| + | |
− | .Subtitle .mini-subtitle .subtopic {
| + | |
− | font-size: 2vw;
| + | |
− | }
| + | |
− | .nav-menu {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | .subsite-container {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | .text-container {
| + | |
− | margin-left: 20px;
| + | |
− | margin-right: 20px;
| + | |
− | }
| + | |
− | .text-container .text {
| + | |
− | font-size: 3vw;
| + | |
− | }
| + | |
− | h2 {
| + | |
− | font-size: 6vw;
| + | |
− | }
| + | |
− | } | + | |
| | | |
− | li{
| + | .Subtitle .mini-subtitle .main-subtitle { |
− | font-family: Roboto!important; | + | font-size: 2.5vw; |
− | font-weight: normal;
| + | } |
− | font-size: 1.3vw!important;
| + | |
− | letter-spacing: 0.01em;
| + | .Subtitle .mini-subtitle .subtopic { |
− | color: #000000;
| + | font-size: 2vw; |
− | text-align: justify;
| + | } |
− | margin-right: 40px;
| + | |
− | margin-left: 40px;
| + | .nav-menu { |
− | margin-bottom: 5px;
| + | display: none; |
− | } | + | } |
− | h3{ | + | |
− | font-family: Roboto!important;
| + | .subsite-container { |
− | font-weight: bold;
| + | display: none; |
− | font-size: 1.5vw!important;
| + | } |
− | margin-right: 40px;
| + | |
− | margin-left: 40px;
| + | .text-container { |
− | } | + | margin-left: 20px; |
− | ul{ | + | margin-right: 20px; |
− | font-family: Roboto!important;
| + | } |
− | font-weight: normal;
| + | |
− | font-size: 1.3vw!important;
| + | .text-container .text { |
− | letter-spacing: 0.01em;
| + | font-size: 2vw; |
− | color: #000000;
| + | } |
− | text-align: justify;
| + | |
− | list-style-type:none;
| + | h2 { |
| + | font-size: 4vw; |
| + | } |
| + | } |
| + | |
| + | @media screen and (max-width: 600px) { |
| + | .Title { |
| + | font-size: 4vw; |
| + | } |
| + | |
| + | .Subtitle .mini-subtitle .main-subtitle { |
| + | font-size: 2.5vw; |
| + | } |
| + | |
| + | .Subtitle .mini-subtitle .subtopic { |
| + | font-size: 2vw; |
| + | } |
| + | |
| + | .nav-menu { |
| + | display: none; |
| + | } |
| + | |
| + | .subsite-container { |
| + | display: none; |
| + | } |
| + | |
| + | .text-container { |
| + | margin-left: 20px; |
| + | margin-right: 20px; |
| + | } |
| + | |
| + | .text-container .text { |
| + | font-size: 3vw; |
| + | } |
| + | |
| + | h2 { |
| + | font-size: 6vw; |
| + | } |
| + | } |
| + | |
| + | <!-- Extra styles, not present in Software template (added by Almiro?) --> |
| + | li{ |
| + | font-family: Roboto!important; |
| + | font-weight: normal; |
| + | font-size: 1.3vw!important; |
| + | letter-spacing: 0.01em; |
| + | color: #000000; |
| + | text-align: justify; |
| + | margin-right: 40px; |
| + | margin-left: 40px; |
| + | margin-bottom: 5px; |
| + | } |
| + | h3{ |
| + | font-family: Roboto!important; |
| + | font-weight: bold; |
| + | font-size: 1.5vw!important; |
| + | margin-right: 40px; |
| + | margin-left: 40px; |
| + | } |
| + | ul{ |
| + | font-family: Roboto!important; |
| + | font-weight: normal; |
| + | font-size: 1.3vw!important; |
| + | letter-spacing: 0.01em; |
| + | color: #000000; |
| + | text-align: justify; |
| + | list-style-type:none; |
| + | |
| + | } |
| + | table,td,th { |
| + | border-collapse:collapse; |
| + | border: 2px solid #000000; |
| + | margin-left: 10px; |
| + | margin-right: 10px; |
| + | } |
| + | <!-- End of Extra styles, not present in Software template (added by Almiro?) --> |
| | | |
− | }
| |
− | table,td,th {
| |
− | border-collapse:collapse;
| |
− | border: 2px solid #000000;
| |
− | margin-left: 10px;
| |
− | margin-right: 10px;
| |
− | }
| |
| </style> | | </style> |
| <!-------------------- HTML CONTENT --------------------------------> | | <!-------------------- HTML CONTENT --------------------------------> |
Line 382: |
Line 397: |
| </div> | | </div> |
| | | |
− | <div class="Title">Attributions</div>
| + | <div class="Subtitle"> |
− | | + | <div class="Title">Attributions</div> |
− | <div class="Subtitle"> | + | </div> |
− | <div class = mini-subtitle>
| + | <div class="container"> |
− | <div class="main-subtitle">Attributions</div>
| + | |
− | <div class="line"></div>
| + | |
− | <div class="subtopic">Main</div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class = "container"> | + | |
| | | |
| + | <!-- Copied from "S3_G1_HP_YKH.html" --> |
| <div class="subsite-container"> | | <div class="subsite-container"> |
| <div class = "submenu-title">INDEX</div> | | <div class = "submenu-title">INDEX</div> |
| <div class = index-box> | | <div class = index-box> |
| <a href="#">Main</a> | | <a href="#">Main</a> |
| + | <a href="#">Subheading_1</a> |
| + | <a href="#">Subheading_2</a> |
| </div> | | </div> |
| </div> | | </div> |
| + | <!-- End of Copy from "S3_G1_HP_YKH.html" --> |
| + | |
| + | <!-- <div class="Title">Attributions</div> --> |
| + | |
| + | <!-- <div class="Subtitle"> --> |
| + | <!-- <div class = mini-subtitle> --> |
| + | <!-- <div class="main-subtitle">Attributions</div> --> |
| + | <!-- <div class="line"></div> --> |
| + | <!-- <div class="subtopic">Main</div> --> |
| + | <!-- </div> --> |
| + | <!-- </div> --> |
| + | <!-- <div class = "container"> --> |
| + | |
| + | <!-- <div class="subsite-container"> --> |
| + | <!-- <div class = "submenu-title">INDEX</div> --> |
| + | <!-- <div class = index-box> --> |
| + | <!-- <a href="#">Main</a> --> |
| + | <!-- </div> --> |
| + | <!-- </div> --> |
| | | |
| <div class = "nav-menu"> | | <div class = "nav-menu"> |