diff options
| -rw-r--r-- | header.php | 9 | ||||
| -rw-r--r-- | style.css | 55 |
2 files changed, 40 insertions, 24 deletions
@@ -40,15 +40,6 @@ <img src="<?php header_image(); ?>" /> </a> </div> - <div id="header-text"> - <div id="company-name"> - <span class="vortant-blue">Vortant</span> - <span class="vortant-gray">Technologies</span> - </div> - <div id="tagline"> - <span class="vortant-gray">Engineering Solutions for People & Planet</span> - </div> - </div> </div> <!-- <a class="home-link" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"> @@ -816,17 +816,17 @@ img.wp-smiley, .site-header { position: relative; - /*background-color: #157ec6;*/ + /* + background-color: #157ec6; background-color: #1a2123; + */ + background-color: #157ec6; ; } #header-logo { - /* position: relative; - left: -100px; - */ - padding: 10px 0; + left: -125px; margin: 0 auto; max-width: 980px; } @@ -911,6 +911,7 @@ ul.nav-menu, div.nav-menu > ul { margin: 0; padding: 0 40px 0 0; + width: 80%; } .nav-menu li { @@ -1394,28 +1395,22 @@ footer.entry-meta { color: #d0d9db; } -#home-top {} -#home-slider { - float: right; - margin-left: 1em; -} -#home-top-text { - min-width: 25%; -} - #home-boxes { text-align: center; clear: both; } .home-box { + position: relative; width: 275px; min-width: 275px; + min-height: 25em; display: inline-block; background-color: #fafafa; margin: 1em; border-radius: 10px; box-shadow: 0px 2px 3px #b7b7b7; + vertical-align: top; } .home-box-title { @@ -1433,7 +1428,7 @@ footer.entry-meta { .vivo-slider { float: right; - margin: 25px 0 2em 2em; + margin: 125px 0 2em 2em; } .prodhighlights { @@ -1447,6 +1442,30 @@ footer.entry-meta { width: 45%; } +.learn-more { + position: absolute; + bottom: 15px; + width: 75%; + background: linear-gradient(#0094d4, #003970); + color: #d0d9db; + border-radius: 10px; + font-weight: bold; + margin-top: 1em; +} +.learn-more a { + display: inline-block; + width: 100%; + height: 100%; + color: #d0d9db; + padding: 1ex; +} +.learn-more a:hover { + background-color: #003970; + border-radius: 10px; + text-decoration: none; +} + + /** * 5.4 Galleries * ---------------------------------------------------------------------------- @@ -3062,6 +3081,12 @@ footer.entry-meta { .site-title { font-size: 30px; } + .prodhighlights { + width: 100%; + } + .prodrequirements { + width: 100%; + } #content .entry-header, #content .entry-content, |