Difference between revisions of "Test layout"
Leanne.blais (talk | contribs) |
Leanne.blais (talk | contribs) |
||
| Line 5: | Line 5: | ||
<br> | <br> | ||
| − | [[File: | + | {{#css: |
| + | |||
| + | div.nav { | ||
| + | margin: 0 0 15px 0; | ||
| + | background-color: #000000; | ||
| + | font-size:0; | ||
| + | } | ||
| + | div.nav ul { | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | list-style: none; | ||
| + | position: relative; | ||
| + | } | ||
| + | div.nav ul li { | ||
| + | display:inline-block; | ||
| + | background-color: #000000; | ||
| + | } | ||
| + | |||
| + | } | ||
| + | |||
| + | div.nav ul ul { | ||
| + | display: none; | ||
| + | position: absolute; | ||
| + | top: 60px; | ||
| + | z-index:500; | ||
| + | border-left:2px solid white; | ||
| + | border-right:2px solid white; | ||
| + | border-bottom:2px solid white; | ||
| + | } | ||
| + | div.nav ul li:hover > ul { | ||
| + | display:inherit; | ||
| + | } | ||
| + | div.nav ul ul li { | ||
| + | width:230px; | ||
| + | float:none; | ||
| + | display:list-item; | ||
| + | position: relative; | ||
| + | } | ||
| + | div.nav ul ul ul li { | ||
| + | position: relative; | ||
| + | top:-60px; | ||
| + | left:230px; | ||
| + | } | ||
| + | div.nav ul ul li { | ||
| + | border: 0px solid white; | ||
| + | } | ||
| + | li > a:after { content: ' ▼'; } | ||
| + | li > a:only-child:after { content: ''; } | ||
| + | |||
| + | .banner img { | ||
| + | width:100%; | ||
| + | height:auto; | ||
| + | } | ||
| + | |||
| + | }} | ||
| + | |||
| + | <div class="banner">[[File:banner-test.svg|link=|class=banner]]</div> | ||
| + | |||
<p style="text-align:center"></p> | <p style="text-align:center"></p> | ||
Revision as of 09:48, 12 June 2023
INNOVATION FRAMEWORK
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc non mollis augue. Quisque pretium et quam ultrices placerat. Vivamus nec cursus diam, id suscipit augue. Mauris a pretium nisi, at eleifend augue. Fusce tellus turpis, pharetra eget urna in, consequat mattis leo. Sed ut dolor eget metus tristique lobortis. Sed laoreet ante fermentum tincidunt pellentesque. Nunc libero sem, venenatis non sollicitudin sed, ultrices non neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras sit amet dictum erat, non tincidunt magna.
Nulla facilisi. Praesent non arcu dignissim, mattis nisl at, posuere sem. Proin luctus eros a molestie consectetur. Maecenas a viverra neque. Nunc faucibus libero odio, quis lobortis nunc ornare ut. Vestibulum vitae porta tellus. Nam vel rhoncus mauris. Proin sed ex neque.
THEMES
 |
 |
 |
 |
 |
 |
Contact Us
