Difference between revisions of "User:Soli/footer"

From wiki
Jump to navigation Jump to search
 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
<!-- STRUCTURE AND INSTRUCTIONS:
+
<multilang>
 +
@en|   
 +
<!--
 +
----3 HEADERS starts here!
 +
-->
 +
<div style="float:left; font-weight:700; background: rgba(28,48,74,1); width:33%;">
 +
[[User:Soli|<h3><span style="color:#ffffff; padding-left:20px; text-transform: uppercase;">Home</span></h3>]]
 +
</div>
 +
<div style="float: left; font-weight:700; background: rgba(28,48,74,1); width:33%;">
 +
[[User:Soli|<h3><span style="color:#ffffff; padding-left:20px; text-transform: uppercase;">About Us</span></h3>]]
 +
</div>
 +
<div style="float: left; font-weight:700; background: rgba(28,48,74,1); width:33%;">
 +
[[User:Soli|<h3><span style="color:#ffffff; padding-left:20px; text-transform: uppercase;">What's New</span></h3>]]
 +
</div>
 +
 
 +
<div style="font-size:12px;line-height: 1.5;">
 +
<!--
 +
----HYPERLINK LIST 1 starts here!
 +
-->
 +
<div style="float:left; margin-top:5px; width:33%;">
 +
[[User:Mike/fishing/Accessibility_Statement | <span style="color:#1C304A; padding-left:20px; text-transform: uppercase;">Accessibility Statement</span>]]<br/>
 +
[[User:Mike | <span style="color:#1C304A; padding-left:20px; text-transform: uppercase;">About us</span>]]<br/>
 +
[[User:Mike/fishing/ | <span style="color:#1C304A; padding-left:20px; text-transform: uppercase;">Contact Us</span>]]<br/>
 +
</div>
 +
<!--
 +
----HYPERLINK LIST 2 starts here!
 +
-->
 +
<div style="float: left; margin-top:5px; width:33%;">
 +
[[User:Mike/fishing | <span style="color:#1C304A; padding-left:20px; text-transform: uppercase;">History</span>]]<br/>
 +
[[User:Mike/fishing | <span style="color:#1C304A; padding-left:20px; text-transform: uppercase;">Legislation</span>]]<br/>
 +
[[User:Mike/fishing | <span style="color:#1C304A; padding-left:20px; text-transform: uppercase;">Policy</span>]]<br/>
 +
[[User:Mike/fishing | <span style="color:#1C304A; padding-left:20px; text-transform: uppercase;">Resources</span>]]<br/>
 +
</div>
 +
<!--
 +
----HYPERLINK LIST 3 starts here!
 +
-->
 +
<div style="float: left; margin-top:5px; width:33%;">
 +
[[User:Mike/fishing|<span style="color:#1C304A; padding-left:20px; text-transform: uppercase;">Home</span>]]<br/>
 +
[[User:Mike/fishing|<span style="color:#1C304A; padding-left:20px; text-transform: uppercase;">Home</span>]]<br/>
 +
[[User:Mike/fishing|<span style="color:#1C304A; padding-left:20px; text-transform: uppercase;">Home</span>]]<br/>
 +
</div>
 +
</div>
  
Home (LOCKED)
+
@fr|
|
+
<!--
-- Header (LOCKED)
+
----3 HEADERS starts here!
|
+
-->
-- Spotlight (LOCKED)
+
<div style="float: left; font-weight:700; background: linear-gradient(90deg, rgba(28,48,74,1) 0%, rgba(28,48,74,1) 35%, rgba(196,45,133,1) 100%); width:33%;">
|
+
[[User:Soli|<span style="color:#ffffff; padding-left:20px; text-transform: uppercase;">FR - Home</span>]]
  ---- Spotlight article 1
+
</div>
  |
+
<div style="float: left; font-weight:700; background: linear-gradient(90deg, rgba(196,45,133,1) 0%, rgba(196,45,133,0.7) 35%, rgba(28, 48, 74, 1) 100%); width:33%;">
  ---- Spotlight article 2
+
[[User:Soli|<span style="color:#ffffff; padding-left:20px; text-transform: uppercase;">About Us</span>]]
|
+
</div>
-- Main (LOCKED)
+
<div style="float: left; font-weight:700; background: linear-gradient(90deg, rgba(28,48,74,1) 0%, rgba(28,48,74,1) 35%, rgba(181,217,72,0.7) 100%); width:33%;">
|
+
[[User:Soli|<span style="color:#ffffff; padding-left:20px; text-transform: uppercase;">What's New</span>]]
  ---- Main-a
 
    |
 
    ---- Main-a-article
 
    |
 
  ---- Main-b
 
    |
 
    ---- Main-b-article
 
    |
 
  ---- Main-c and so on...
 
    |
 
    ---- Main-c-article and so on...
 
|
 
-- Footer (LOCKED) <<< YOU ARE HERE - NOTHING TO DO! This footer includes a navigation submenu.
 
-->
 
<div class="col-lg-4"
 
    style="background-color:#62B9E5;
 
            box-sizing:border-box;
 
            border-bottom-left-radius:15px;
 
            border-bottom-right-radius:0px;
 
            border-top-left-radius:15px;
 
            border-top-right-radius:0px;
 
            display:block;
 
            float:left;
 
            font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
 
            font-size:14px;
 
            overflow: hidden;
 
            padding-bottom:10px;
 
            position:relative;
 
            text-align:center;
 
            text-size-adjust:100%;
 
            width:33%;
 
            -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
 
    <h3><span class="btn btn-lg btn-primary"
 
            style="background-color:#C42D85;
 
                    background-image:none;
 
                    border-bottom-color:rgb(255, 255, 255);
 
                    border-bottom-left-radius:15px;
 
                    border-bottom-right-radius:15px;
 
                    border-bottom-style:solid;
 
                    border-bottom-width:1px;
 
                    border-image-outset:0px;
 
                    border-image-repeat:stretch;
 
                    border-image-slice:100%;
 
                    border-image-source:none;
 
                    border-image-width:1;
 
                    border-left-color:rgb(255, 255, 255);
 
                    border-left-style:solid;
 
                    border-left-width:1px;
 
                    border-right-color:rgb(255, 255, 255);
 
                    border-right-style:solid;
 
                    border-right-width:1px;
 
                    border-top-color:rgb(255, 255, 255);
 
                    border-top-left-radius:15px;
 
                    border-top-right-radius:15px;
 
                    border-top-style:solid;
 
                    border-top-width:1px;
 
                    box-sizing:border-box;
 
                    color:#fff;
 
                    cursor:pointer;
 
                    display:inline-block;
 
                    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
 
                    font-size:18px;
 
                    font-weight:400;
 
                    height:45px;
 
                    line-height:24px;
 
                    margin-bottom:0px;
 
                    padding-bottom:10px;
 
                    padding-left:16px;
 
                    padding-right:16px;
 
                    padding-top:10px;
 
                    text-align:center;
 
                    text-decoration-color:#3e81d2;
 
                    text-decoration-line:none;
 
                    text-decoration-style:solid;
 
                    text-shadow:none;
 
                    text-size-adjust:100%;
 
                    touch-action:manipulation;
 
                    user-select:none;
 
                    vertical-align:middle;
 
                    white-space:nowrap;
 
                    width:250px;
 
                    -webkit-tap-hi">
 
            <strong>OPSA's Toolkit</strong></span></h3>
 
    <ul class="list-unstyled text-small"
 
        style="box-sizing:border-box;
 
                color:rgb(255, 255, 255);
 
                display:block;
 
                font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
 
                font-size:14px;
 
                line-height:20px;
 
                list-style-image:none;
 
                list-style-type:none;
 
                padding-left:15px;
 
                padding-right:15px;
 
                text-align:center;
 
                text-size-adjust:100%;
 
                -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
 
        <!-- -- -- Change links HERE! -->
 
        <li><strong>[[User:Soli|<span style="color:#1C304A;">HOME</span>]]</strong></li>
 
        <li><strong>[[User:Soli|<span style="color:#1C304A;">HOME</span>]]</strong></li>
 
        <li><strong>[[User:Soli|<span style="color:#1C304A;">HOME</span>]]</strong></li>
 
    </ul>
 
 
</div>
 
</div>
<div class="col-lg-4"
+
 
    style="background-color:#62B9E5;
+
<div style="font-size:12px;line-height: 1.5;">
            box-sizing:border-box;
+
<!--
            display:block;
+
----HYPERLINK LIST 1 starts here!
            float:left;
+
-->
            font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
+
<div style="float:left; margin-top:5px; width:33%;">
            font-size:14px;
+
[[User:Mike/fishing/Accessibility_Statement | <span style="color:#1C304A; padding-left:20px; text-transform: uppercase;">Accessibility Statement</span>]]<br/>
            overflow: hidden;
+
[[User:Mike | <span style="color:#1C304A; padding-left:20px; text-transform: uppercase;">About us</span>]]<br/>
            padding-bottom:10px;
+
[[User:Mike/fishing/ | <span style="color:#1C304A; padding-left:20px; text-transform: uppercase;">Contact Us</span>]]<br/>
            position:relative;
 
            text-align:center;
 
            text-size-adjust:100%;
 
            width:33%;
 
            -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
 
    <h3><span class="btn btn-lg btn-primary"
 
            style="background-color:#1C304A;
 
                    background-image:none;
 
                    border-bottom-color:rgb(255, 255, 255);
 
                    border-bottom-left-radius:15px;
 
                    border-bottom-right-radius:15px;
 
                    border-bottom-style:solid;
 
                    border-bottom-width:1px;
 
                    border-image-outset:0px;
 
                    border-image-repeat:stretch;
 
                    border-image-slice:100%;
 
                    border-image-source:none;
 
                    border-image-width:1;
 
                    border-left-color:rgb(255, 255, 255);
 
                    border-left-style:solid;
 
                    border-left-width:1px;
 
                    border-right-color:rgb(255, 255, 255);
 
                    border-right-style:solid;
 
                    border-right-width:1px;
 
                    border-top-color:rgb(255, 255, 255);
 
                    border-top-left-radius:15px;
 
                    border-top-right-radius:15px;
 
                    border-top-style:solid;
 
                    border-top-width:1px;
 
                    box-sizing:border-box;
 
                    color:#B5D948;
 
                    cursor:pointer;
 
                    display:inline-block;
 
                    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
 
                    font-size:18px;
 
                    font-weight:400;
 
                    height:45px;
 
                    line-height:24px;
 
                    margin-bottom:0px;
 
                    padding-bottom:10px;
 
                    padding-left:16px;
 
                    padding-right:16px;
 
                    padding-top:10px;
 
                    text-align:center;
 
                    text-decoration-color:#3e81d2;
 
                    text-decoration-line:none;
 
                    text-decoration-style:solid;
 
                    text-shadow:none;
 
                    text-size-adjust:100%;
 
                    touch-action:manipulation;
 
                    user-select:none;
 
                    vertical-align:middle;
 
                    white-space:nowrap;
 
                    width:250px;
 
                    -webkit-tap-hi">
 
            <strong>Changes in the OPSA</span></strong></h3>
 
    <ul class="list-unstyled text-small"
 
        style="box-sizing:border-box;
 
                color:rgb(255, 255, 255);
 
                display:block;
 
                font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
 
                font-size:14px;
 
                line-height:20px;
 
                list-style-image:none;
 
                list-style-type:none;
 
                padding-left:15px;
 
                padding-right:15px;
 
                text-align:center;
 
                text-size-adjust:100%;
 
                -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
 
        <!-- -- -- Change links HERE! -->
 
        <li><strong>[[User:Soli|<span style="color:#1C304A;">HOME</span>]]</strong></li>
 
        <li><strong>[[User:Soli|<span style="color:#1C304A;">HOME</span>]]</strong></li>
 
        <li><strong>[[User:Soli|<span style="color:#1C304A;">HOME</span>]]</strong></li>
 
    </ul>
 
 
</div>
 
</div>
<div class="col-lg-4"
+
<!--
    style="background-color:#62B9E5;
+
----HYPERLINK LIST 2 starts here!
            box-sizing:border-box;
+
-->
            border-bottom-left-radius:0px;
+
<div style="float: left; margin-top:5px; width:33%;">
            border-bottom-right-radius:15px;
+
[[User:Mike/fishing | <span style="color:#1C304A; padding-left:20px; text-transform: uppercase;">History</span>]]<br/>
            border-top-left-radius:0px;
+
[[User:Mike/fishing | <span style="color:#1C304A; padding-left:20px; text-transform: uppercase;">Legislation</span>]]<br/>
            border-top-right-radius:15px;
+
[[User:Mike/fishing | <span style="color:#1C304A; padding-left:20px; text-transform: uppercase;">Policy</span>]]<br/>
            display:block;
+
[[User:Mike/fishing | <span style="color:#1C304A; padding-left:20px; text-transform: uppercase;">Resources</span>]]<br/>
            float:left;
 
            font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
 
            font-size:14px;
 
            overflow: hidden;
 
            padding-bottom:10px;
 
            position:relative;
 
            text-align:center;
 
            text-size-adjust:100%;
 
            width:33%;
 
            -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
 
    <h3><span class="btn btn-lg btn-primary"
 
            style="background-color:#B5D948;
 
                    background-image:none;
 
                    border-bottom-color:rgb(255, 255, 255);
 
                    border-bottom-left-radius:15px;
 
                    border-bottom-right-radius:15px;
 
                    border-bottom-style:solid;
 
                    border-bottom-width:1px;
 
                    border-image-outset:0px;
 
                    border-image-repeat:stretch;
 
                    border-image-slice:100%;
 
                    border-image-source:none;
 
                    border-image-width:1;
 
                    border-left-color:rgb(255, 255, 255);
 
                    border-left-style:solid;
 
                    border-left-width:1px;
 
                    border-right-color:rgb(255, 255, 255);
 
                    border-right-style:solid;
 
                    border-right-width:1px;
 
                    border-top-color:rgb(255, 255, 255);
 
                    border-top-left-radius:15px;
 
                    border-top-right-radius:15px;
 
                    border-top-style:solid;
 
                    border-top-width:1px;
 
                    box-sizing:border-box;
 
                    color:#1C304A;
 
                    cursor:pointer;
 
                    display:inline-block;
 
                    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
 
                    font-size:18px;
 
                    font-weight:400;
 
                    height:45px;
 
                    line-height:24px;
 
                    margin-bottom:0px;
 
                    padding-bottom:10px;
 
                    padding-left:16px;
 
                    padding-right:16px;
 
                    padding-top:10px;
 
                    text-align:center;
 
                    text-decoration-color:#3e81d2;
 
                    text-decoration-line:none;
 
                    text-decoration-style:solid;
 
                    text-shadow:none;
 
                    text-size-adjust:100%;
 
                    touch-action:manipulation;
 
                    user-select:none;
 
                    vertical-align:middle;
 
                    white-space:nowrap;
 
                    width:250px;
 
                    -webkit-tap-hi">
 
            <strong>OPSA Resources</strong></span></h3>
 
    <ul class="list-unstyled text-small"
 
        style="box-sizing:border-box;
 
                color:rgb(255, 255, 255);
 
                display:block;
 
                font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
 
                font-size:14px;
 
                line-height:20px;
 
                list-style-image:none;
 
                list-style-type:none;
 
                padding-left:15px;
 
                padding-right:15px;
 
                text-align:center;
 
                text-size-adjust:100%;
 
                -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
 
        <!-- -- -- Change links HERE! -->
 
        <li><strong>[[User:Soli|<span style="color:#1C304A;">HOME</span>]]</strong></li>
 
        <li><strong>[[User:Soli|<span style="color:#1C304A;">HOME</span>]]</strong></li>
 
        <li><strong>[[User:Soli|<span style="color:#1C304A;">HOME</span>]]</strong></li>
 
    </ul>
 
 
</div>
 
</div>
 +
<!--
 +
----HYPERLINK LIST 3 starts here!
 +
-->
 +
<div style="float: left; margin-top:5px; width:33%;">
 +
[[User:Mike/fishing|<span style="color:#1C304A; padding-left:20px; text-transform: uppercase;">Home</span>]]<br/>
 +
[[User:Mike/fishing|<span style="color:#1C304A; padding-left:20px; text-transform: uppercase;">Home</span>]]<br/>
 +
[[User:Mike/fishing|<span style="color:#1C304A; padding-left:20px; text-transform: uppercase;">Home</span>]]<br/>
 +
</div>
 +
</div>
 +
 +
</multilang>

Latest revision as of 14:12, 23 January 2020