Difference between revisions of "Test layout"

From wiki
Jump to navigation Jump to search
Line 5: Line 5:
  
 
<br>
 
<br>
[[File:Banner-test.svg|alt=English|left|frameless|960x540px]]
+
{{#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

Template:Test layout







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

 

Theme 1
Theme 2
Theme 3
Theme 4
Theme 5
Theme 6





Contact Us