Created
July 19, 2013 04:10
-
-
Save JBreit/6035126 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| a img { | |
| border: none !important; | |
| } | |
| body { | |
| font-family: "Helvetica Neue" , sans-serif; | |
| margin: 0 auto; | |
| } | |
| footer { | |
| color: #FFFFFF; | |
| height: 50px; | |
| width: 100%; | |
| } | |
| header { | |
| } | |
| h2 { | |
| clear: both; | |
| font-size: 30pt; | |
| text-align: center; | |
| color: #D4AF37; | |
| position: relative; | |
| } | |
| h3 { | |
| font-size: 24pt; | |
| text-align: center; | |
| color: #D4AF37; | |
| } | |
| #banner { | |
| clear: both; | |
| width: 642px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| #content { | |
| width: 100%; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| #footer-bg { | |
| clear: both; | |
| overflow: hidden; | |
| width: 100%; | |
| background-color: #2B4182; | |
| margin-top: 40px; | |
| } | |
| #bar1 { | |
| float: left; | |
| height: 2px; | |
| width: 350px; | |
| background-color: #0A444D; | |
| margin-top: 40px; | |
| } | |
| #bar2 { | |
| clear: left; | |
| float: right; | |
| height: 2px; | |
| width: 350px; | |
| background-color: #0A444D; | |
| } | |
| .icons { | |
| clear: both; | |
| width: 87px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| #wrapper { | |
| width: 100%; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| #copyright { | |
| clear: both; | |
| float: left; | |
| } | |
| #column1 { | |
| float: left; | |
| width: 280px; | |
| padding-left: 20px; | |
| padding-right: 20px; | |
| background-color: #cccccc; | |
| margin-bottom: 40px; | |
| } | |
| #column2 { | |
| float: left; | |
| width: 280px; | |
| padding-left: 20px; | |
| padding-right: 20px; | |
| background-color: #dddddd; | |
| margin-bottom: 40px; | |
| } | |
| #column3 { | |
| float: left; | |
| width: 280px; | |
| padding-left: 20px; | |
| padding-right: 20px; | |
| background-color: #eeeeee; | |
| margin-bottom: 40px; | |
| } | |
| #logo { | |
| float: left; | |
| width: 177px; | |
| height: 55px; | |
| } | |
| .box { | |
| width: 960px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| nav.global { | |
| font-family: "Helvetica Neue" , sans-serif; | |
| font-size: 18pt; | |
| float: right; | |
| display: block; | |
| } | |
| nav.global ul { | |
| float: right; /*sets it to the right */ | |
| display: inline-block; /*same line as logo */ | |
| list-style-type: none; | |
| } | |
| nav.global ul li { | |
| clear: left; | |
| display: inline-block; /* keeps each li next to each other */ | |
| padding: 5px; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE Html> | |
| <head> | |
| <style type="text/css" media="screen"> | |
| @import "css/imco.css"; | |
| </style> | |
| <title>Inner Mind Consulting</title> | |
| </head> | |
| <body> | |
| <div id="wrapper"> | |
| <div class="box"> | |
| <header> | |
| <div id="logo"> | |
| <a href="index.html"><img src="images/ImCoLogo.png" width="177" height="50" alt="Inner Mind Consulting Logo" /></a> | |
| </div><!--end logo--> | |
| <nav class="global current"> | |
| <ul class="list"> | |
| <li><a class="active" href="index.html">Home</a></li> | |
| <li><a href="about.html">About</a></li> | |
| <li><a href="portfolio.html">Portfolio</a></li> | |
| <li><a href="resume.html">Resume</a></li> | |
| <li><a href="contact.php">Contact</a></li> | |
| </ul><!--end list--> | |
| </nav><!--end global--> | |
| </header> | |
| <div id="banner"> | |
| <img src="images/macbook.png" width="624" height="362" alt="Macbook Computer" /> | |
| </div> | |
| <div id="content"> | |
| <header> | |
| <div id="bar1"></div> | |
| <h2>Services</h2> | |
| <div id="bar2"></div> | |
| </header> | |
| <div id="column1"> | |
| <div class="icons"> | |
| <img src="images/uiuxicon.png" width="87" height="87" alt="Icons" /> | |
| </div> | |
| <h3>UI/UX Design</h3> | |
| <p>Inner Mind Consulting will lead you through every step of the design process to ensure customer satisfaction | |
| with the proper research needed to bring your business to its customers in the world abroad.</p> | |
| </div> | |
| <div id="column2"> | |
| <div class="icons"> | |
| <img src="images/htmlcssicon.png" width="87" height="87" alt="Icons" /> | |
| </div> | |
| <h3>HTML/CSS</h3> | |
| <p>If your business needs a website Inner Mind Consulting can help! With the latest technolo-<br>gies we can ensure | |
| that your business has the web presense that it needs to not only stay ahead of the competition but also stay there.</p> | |
| </div> | |
| <div id="column3"> | |
| <div class="icons"> | |
| <img src="images/graphicicon.png" width="87" height="87" alt="Icons" /> | |
| </div> | |
| <h3>Graphic Design</h3> | |
| <p>Inner Mind Consulting can handle all of your graphic design needs whether it be banners, brochures, corporate identity, | |
| envelope and letterhead design, signage, stickers and any other design needs. </p> | |
| </div> | |
| </div> | |
| </div><!--end box--> | |
| <footer id="footer-bg"> | |
| <div class="box"> | |
| <div id="copyright"> | |
| <p>© 2013 Inner Mind Consulting. All Rights Reserved. | |
| </div><!--end copyright--> | |
| </div><!--end box--> | |
| </footer> | |
| </div><!--end wrapper--> | |
| </body> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment