openstack
/
fuel-docs
Code Issues Proposed changes

update footer menu to match mirantis.com 

Change-Id: I659f4441bf43039c246d8c1e5186450810e58de3
This commit is contained in:
Jim Phillips 2015-10-05 18:16:25 -04:00
parent b52f1d8bbf
commit 4b7bad2240
5 changed files with 386 additions and 365 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
_templates/layout.html
View File

@ -6,7 +6,7 @@
{% block footer %}
<footer>
<section class="fsprod">
<section class="fsprod">
<div class="container">
<div class="row">
<div class="col-md-6">
@ -15,18 +15,21 @@
style="margin-top: 15px;">Products</a></li>
</ul>
<div class="row">
<div class="col-md-4 col-sm-4 col-xs-4"><a href="https://www.mirantis.com/products/mirantis-openstack-software/"
<div class="col-md-3 col-sm-3 col-xs-3"><a href="https://www.mirantis.com/products/mirantis-openstack-software/"
class="fproduct">
<div class="footerglyph1"></div>
<span>Mirantis <br>OpenStack Software</span></a></div>
<div class="col-md-4 col-sm-4 col-xs-4"><a href="https://www.mirantis.com/products/application-catalog-murano/"
<div class="col-md-3 col-sm-3 col-xs-3"><a href="https://www.mirantis.com/products/application-catalog-murano/"
class="fproduct">
<div class="footerglyph2"></div>
<span>Application <br>Catalog Murano</span></a></div>
<div class="col-md-4 col-sm-4 col-xs-4"><a href="https://www.mirantis.com/products/openstack-drivers-and-plugins/"
<div class="col-md-3 col-sm-3 col-xs-3"><a href="https://www.mirantis.com/products/openstack-drivers-and-plugins/"
class="fproduct">
<div class="footerglyph3"></div>
<span>OpenStack Drivers <br>and Plugins</span></a></div>
<div class="col-md-3 col-sm-3 col-xs-3"><a href="https://www.mirantis.com/products/unlocked-appliances/" class="fproduct">
<div class="footerglyph4"></div>
<span>Unlocked <br>Appliances</span></a></div>
</div>
</div>
<hr class="hidden-lg hidden-md">
@ -36,19 +39,21 @@
<li><a href="https://www.mirantis.com/solutions/dev-test/">Dev/Test</a></li>
<li><a href="https://www.mirantis.com/solutions/platform-as_a_service_paas/">PaaS</a></li>
<li><a href="https://www.mirantis.com/solutions/container-technologies/">Containers</a></li>
<li><a href="https://www.mirantis.com/solutions/network-functions-virtualization-nfv/">NFV</a></li>
<li><a href="https://www.mirantis.com/solutions/hybrid-cloud/">Hybrid Cloud</a></li>
<li><a href="https://www.mirantis.com/solutions/industry-solutions/">Industry Solutions</a></li>
</ul>
</div>
<div class="col-md-3 col-sm-6 col-xs-6">
<ul>
<li><a class="fmenu_section" style="margin-top: 15px;">Get Started</a></li>
<li><a href="https://www.mirantis.com/get-started">Quick Start Guide</a></li>
<li><a class="fmenu_section" style="margin-top: 15px;">Support</a></li>
<li><a href="https://www.mirantis.com/support/enterprise-support-services/">Enterprise Support</a></li>
<li><a href="https://www.mirantis.com/products/mirantis-openstack-software/">Download and
Install</a></li>
<li><a href="https://www.mirantis.com/?s=mox+tutorial&amp;order=asc">Developer Tutorials</a>
<li><a href="https://www.mirantis.com/products/mirantis-openstack-software/documentation/">Documentation</a></li>
<li><a href="https://ask.openstack.org/">Community</a>
</li>
<li><a href="https://www.mirantis.com/products/mirantis-openstack-software/documentation/">Documentation</a>
<li><a href="https://software.mirantis.com/mirantis-openstack-technical-bulletins/">Product Updates</a>
</li>
</ul>
</div>
@ -68,13 +73,13 @@
</div>
<hr class="hidden-lg hidden-md hidden-sm hidden-xs">
</div>
</section>
<section class="fscomp">
</section>
<section class="fscomp">
<div class="container footsm hidden-sm hidden-xs">
<div class="row">
<div class="col-md-2">
<ul>
<li><a class="fmenu_section" style="font-weight:normal;font-size: 1.1em;">Services</a></li>
<li><a class="fmenu_section" style="font-weight:normal;">Services</a></li>
<li><a href="https://www.mirantis.com/services/managed-services/">Managed Services</a></li>
<li><a href="https://www.mirantis.com/services/assessment/">Assessment</a></li>
<li><a href="https://www.mirantis.com/services/implementation/">Implementation</a></li>
@ -85,7 +90,7 @@
</div>
<div class="col-md-2 hidden-sm">
<ul>
<li><a class="fmenu_section" style="font-weight:normal;font-size: 1.1em;">Training</a></li>
<li><a class="fmenu_section" style="font-weight:normal;">Training</a></li>
<li><a href="https://training.mirantis.com/openstack-courses">OpenStack Courses</a></li>
<li><a href="https://training.mirantis.com/certification">Certification</a></li>
<li><a href="https://training.mirantis.com/online-virtual-training">Virtual Training</a></li>
@ -95,7 +100,7 @@
</div>
<div class="col-md-2 hidden-sm">
<ul>
<li><a class="fmenu_section" style="font-weight:normal;font-size: 1.1em;">Partners</a></li>
<li><a class="fmenu_section" style="font-weight:normal;">Partners</a></li>
<li><a href="https://www.mirantis.com/partners/">Overview</a></li>
<li><a href="https://www.mirantis.com/partners/mirantis-unlocked-partner-solutions/">Partner list</a></li>
<li><a href="https://www.mirantis.com/partners/mirantis-channel-partners/">Channel Partners</a></li>
@ -107,7 +112,7 @@
</div>
<div class="col-md-3 hidden-sm">
<ul>
<li><a class="fmenu_section" style="font-weight:normal;font-size: 1.1em;">OpenStack Now</a></li>
<li><a class="fmenu_section" style="font-weight:normal;">OpenStack Now</a></li>
<li><a href="https://www.mirantis.com/blog/">Blog</a></li>
<li><a href="https://www.mirantis.com/openstack/">News</a></li>
<li><a href="https://www.mirantis.com/openstack/tutorials/">Tutorials</a></li>
@ -118,7 +123,7 @@
<div class="col-md-3 hidden-sm">
<ul>
<li><a class="fmenu_section" href="https://www.mirantis.com/company/about-pure-play-openstack/"
style="font-weight:normal;font-size: 1.1em;">Company</a></li>
style="font-weight:normal;">Company</a></li>
<li><a href="https://online.mirantis.com/contact-us">Get In Touch</a></li>
<li><a href="https://www.mirantis.com/contact/">Locations</a></li>
<li><a href="https://www.mirantis.com/careers/">Careers</a></li>
@ -130,7 +135,7 @@
</div>
</div>
</div>
</section>
</section>
<div class="clear"></div>
<div class="footer_copy">
<div class="container">

BIN
_templates/mirantis/static/footer_unlocked_a.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.5 KiB

27
_templates/mirantis/static/index.html
View File

@ -174,7 +174,7 @@
</div>
</div>
<footer>
<section class="fsprod">
<section class="fsprod">
<div class="container">
<div class="row">
<div class="col-md-6">
@ -183,18 +183,21 @@
style="margin-top: 15px;">Products</a></li>
</ul>
<div class="row">
<div class="col-md-4 col-sm-4 col-xs-4"><a href="https://www.mirantis.com/products/mirantis-openstack-software/"
<div class="col-md-3 col-sm-3 col-xs-3"><a href="https://www.mirantis.com/products/mirantis-openstack-software/"
class="fproduct">
<div class="footerglyph1"></div>
<span>Mirantis <br>OpenStack Software</span></a></div>
<div class="col-md-4 col-sm-4 col-xs-4"><a href="https://www.mirantis.com/products/application-catalog-murano/"
<div class="col-md-3 col-sm-3 col-xs-3"><a href="https://www.mirantis.com/products/application-catalog-murano/"
class="fproduct">
<div class="footerglyph2"></div>
<span>Application <br>Catalog Murano</span></a></div>
<div class="col-md-4 col-sm-4 col-xs-4"><a href="https://www.mirantis.com/products/openstack-drivers-and-plugins/"
<div class="col-md-3 col-sm-3 col-xs-3"><a href="https://www.mirantis.com/products/openstack-drivers-and-plugins/"
class="fproduct">
<div class="footerglyph3"></div>
<span>OpenStack Drivers <br>and Plugins</span></a></div>
<div class="col-md-3 col-sm-3 col-xs-3"><a href="https://www.mirantis.com/products/unlocked-appliances/" class="fproduct">
<div class="footerglyph4"></div>
<span>Unlocked <br>Appliances</span></a></div>
</div>
</div>
<hr class="hidden-lg hidden-md">
@ -204,19 +207,21 @@
<li><a href="https://www.mirantis.com/solutions/dev-test/">Dev/Test</a></li>
<li><a href="https://www.mirantis.com/solutions/platform-as_a_service_paas/">PaaS</a></li>
<li><a href="https://www.mirantis.com/solutions/container-technologies/">Containers</a></li>
<li><a href="https://www.mirantis.com/solutions/network-functions-virtualization-nfv/">NFV</a></li>
<li><a href="https://www.mirantis.com/solutions/hybrid-cloud/">Hybrid Cloud</a></li>
<li><a href="https://www.mirantis.com/solutions/industry-solutions/">Industry Solutions</a></li>
</ul>
</div>
<div class="col-md-3 col-sm-6 col-xs-6">
<ul>
<li><a class="fmenu_section" style="margin-top: 15px;">Get Started</a></li>
<li><a href="https://www.mirantis.com/get-started">Quick Start Guide</a></li>
<li><a class="fmenu_section" style="margin-top: 15px;">Support</a></li>
<li><a href="https://www.mirantis.com/support/enterprise-support-services/">Enterprise Support</a></li>
<li><a href="https://www.mirantis.com/products/mirantis-openstack-software/">Download and
Install</a></li>
<li><a href="https://www.mirantis.com/?s=mox+tutorial&amp;order=asc">Developer Tutorials</a>
<li><a href="https://www.mirantis.com/products/mirantis-openstack-software/documentation/">Documentation</a></li>
<li><a href="https://ask.openstack.org/">Community</a>
</li>
<li><a href="https://www.mirantis.com/products/mirantis-openstack-software/documentation/">Documentation</a>
<li><a href="https://software.mirantis.com/mirantis-openstack-technical-bulletins/">Product Updates</a>
</li>
</ul>
</div>
@ -236,8 +241,8 @@
</div>
<hr class="hidden-lg hidden-md hidden-sm hidden-xs">
</div>
</section>
<section class="fscomp">
</section>
<section class="fscomp">
<div class="container footsm hidden-sm hidden-xs">
<div class="row">
<div class="col-md-2">
@ -298,7 +303,7 @@
</div>
</div>
</div>
</section>
</section>
<div class="clear"></div>
<div class="footer_copy">
<div class="container">

37
_templates/mirantis/static/search.html
View File

@ -223,7 +223,7 @@ $(document).ready(function () {
<footer>
<section class="fsprod">
<section class="fsprod">
<div class="container">
<div class="row">
<div class="col-md-6">
@ -232,18 +232,21 @@ $(document).ready(function () {
style="margin-top: 15px;">Products</a></li>
</ul>
<div class="row">
<div class="col-md-4 col-sm-4 col-xs-4"><a href="https://www.mirantis.com/products/mirantis-openstack-software/"
<div class="col-md-3 col-sm-3 col-xs-3"><a href="https://www.mirantis.com/products/mirantis-openstack-software/"
class="fproduct">
<div class="footerglyph1"></div>
<span>Mirantis <br>OpenStack Software</span></a></div>
<div class="col-md-4 col-sm-4 col-xs-4"><a href="https://www.mirantis.com/products/application-catalog-murano/"
<div class="col-md-3 col-sm-3 col-xs-3"><a href="https://www.mirantis.com/products/application-catalog-murano/"
class="fproduct">
<div class="footerglyph2"></div>
<span>Application <br>Catalog Murano</span></a></div>
<div class="col-md-4 col-sm-4 col-xs-4"><a href="https://www.mirantis.com/products/openstack-drivers-and-plugins/"
<div class="col-md-3 col-sm-3 col-xs-3"><a href="https://www.mirantis.com/products/openstack-drivers-and-plugins/"
class="fproduct">
<div class="footerglyph3"></div>
<span>OpenStack Drivers <br>and Plugins</span></a></div>
<div class="col-md-3 col-sm-3 col-xs-3"><a href="https://www.mirantis.com/products/unlocked-appliances/" class="fproduct">
<div class="footerglyph4"></div>
<span>Unlocked <br>Appliances</span></a></div>
</div>
</div>
<hr class="hidden-lg hidden-md">
@ -253,19 +256,21 @@ $(document).ready(function () {
<li><a href="https://www.mirantis.com/solutions/dev-test/">Dev/Test</a></li>
<li><a href="https://www.mirantis.com/solutions/platform-as_a_service_paas/">PaaS</a></li>
<li><a href="https://www.mirantis.com/solutions/container-technologies/">Containers</a></li>
<li><a href="https://www.mirantis.com/solutions/network-functions-virtualization-nfv/">NFV</a></li>
<li><a href="https://www.mirantis.com/solutions/hybrid-cloud/">Hybrid Cloud</a></li>
<li><a href="https://www.mirantis.com/solutions/industry-solutions/">Industry Solutions</a></li>
</ul>
</div>
<div class="col-md-3 col-sm-6 col-xs-6">
<ul>
<li><a class="fmenu_section" style="margin-top: 15px;">Get Started</a></li>
<li><a href="https://www.mirantis.com/get-started">Quick Start Guide</a></li>
<li><a class="fmenu_section" style="margin-top: 15px;">Support</a></li>
<li><a href="https://www.mirantis.com/support/enterprise-support-services/">Enterprise Support</a></li>
<li><a href="https://www.mirantis.com/products/mirantis-openstack-software/">Download and
Install</a></li>
<li><a href="https://www.mirantis.com/?s=mox+tutorial&amp;order=asc">Developer Tutorials</a>
<li><a href="https://www.mirantis.com/products/mirantis-openstack-software/documentation/">Documentation</a></li>
<li><a href="https://ask.openstack.org/">Community</a>
</li>
<li><a href="https://www.mirantis.com/products/mirantis-openstack-software/documentation/">Documentation</a>
<li><a href="https://software.mirantis.com/mirantis-openstack-technical-bulletins/">Product Updates</a>
</li>
</ul>
</div>
@ -285,13 +290,13 @@ $(document).ready(function () {
</div>
<hr class="hidden-lg hidden-md hidden-sm hidden-xs">
</div>
</section>
<section class="fscomp">
</section>
<section class="fscomp">
<div class="container footsm hidden-sm hidden-xs">
<div class="row">
<div class="col-md-2">
<ul>
<li><a class="fmenu_section" style="font-weight:normal;font-size: 1.1em;">Services</a></li>
<li><a class="fmenu_section" style="font-weight:normal;">Services</a></li>
<li><a href="https://www.mirantis.com/services/managed-services/">Managed Services</a></li>
<li><a href="https://www.mirantis.com/services/assessment/">Assessment</a></li>
<li><a href="https://www.mirantis.com/services/implementation/">Implementation</a></li>
@ -302,7 +307,7 @@ $(document).ready(function () {
</div>
<div class="col-md-2 hidden-sm">
<ul>
<li><a class="fmenu_section" style="font-weight:normal;font-size: 1.1em;">Training</a></li>
<li><a class="fmenu_section" style="font-weight:normal;">Training</a></li>
<li><a href="https://training.mirantis.com/openstack-courses">OpenStack Courses</a></li>
<li><a href="https://training.mirantis.com/certification">Certification</a></li>
<li><a href="https://training.mirantis.com/online-virtual-training">Virtual Training</a></li>
@ -312,7 +317,7 @@ $(document).ready(function () {
</div>
<div class="col-md-2 hidden-sm">
<ul>
<li><a class="fmenu_section" style="font-weight:normal;font-size: 1.1em;">Partners</a></li>
<li><a class="fmenu_section" style="font-weight:normal;">Partners</a></li>
<li><a href="https://www.mirantis.com/partners/">Overview</a></li>
<li><a href="https://www.mirantis.com/partners/mirantis-unlocked-partner-solutions/">Partner list</a></li>
<li><a href="https://www.mirantis.com/partners/mirantis-channel-partners/">Channel Partners</a></li>
@ -324,7 +329,7 @@ $(document).ready(function () {
</div>
<div class="col-md-3 hidden-sm">
<ul>
<li><a class="fmenu_section" style="font-weight:normal;font-size: 1.1em;">OpenStack Now</a></li>
<li><a class="fmenu_section" style="font-weight:normal;">OpenStack Now</a></li>
<li><a href="https://www.mirantis.com/blog/">Blog</a></li>
<li><a href="https://www.mirantis.com/openstack/">News</a></li>
<li><a href="https://www.mirantis.com/openstack/tutorials/">Tutorials</a></li>
@ -335,7 +340,7 @@ $(document).ready(function () {
<div class="col-md-3 hidden-sm">
<ul>
<li><a class="fmenu_section" href="https://www.mirantis.com/company/about-pure-play-openstack/"
style="font-weight:normal;font-size: 1.1em;">Company</a></li>
style="font-weight:normal;">Company</a></li>
<li><a href="https://online.mirantis.com/contact-us">Get In Touch</a></li>
<li><a href="https://www.mirantis.com/contact/">Locations</a></li>
<li><a href="https://www.mirantis.com/careers/">Careers</a></li>
@ -347,7 +352,7 @@ $(document).ready(function () {
</div>
</div>
</div>
</section>
</section>
<div class="clear"></div>
<div class="footer_copy">
<div class="container">

10
_templates/mirantis/static/styles.css
View File

@ -229,7 +229,7 @@ span.copy_btm {
.footer_copy {
margin-top: 30px;
background: rgba(0, 0, 0, 0.5);
padding: 10px 0;
padding: 10px 0 0;
}
a.fproduct img {
@ -262,6 +262,12 @@ a.fproduct div.footerglyph3 {
background-size: cover;
}
a.fproduct div.footerglyph4 {
background: url(footer_unlocked_a.png) no-repeat;
background-position: 0 0;
background-size: cover;
}
a.fproduct:hover div {
background-position: 0 100%;
}
@ -270,7 +276,7 @@ a.fproduct span {
display: block;
text-align: center;
text-transform: none;
font-size: 1.3em;
font-size: 1.1em;
line-height: 1.1em;
color: white;
}