margieI · June 1, 2015 09:22
diff --git a/faq.html b/faq.html
 <!Doctype html>
 <html lang="en">
  <head>
   <meta charset="utf-8">
   
 <!-- Latest compiled and minified Bootstrap CSS -->
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

 <!-- jQuery is required for Bootstrap to work -->
 <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>

 <!-- Latest compiled and minified Bootstrap JavaScript -->
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>


 <link rel="stylesheet" href="css/contactstyles.css">
 <link href="css/bootstrap.css" type="text/css" rel="stylesheet">

 <title>Contact</title>
  <style>
 ul#nav_links {
    padding: 0;
 }
 ul#nav_links li {
    display: inline;
 }
 ul#nav_links li a {
    background-color: black;
    color: white;
    padding: 15px 35px;
    text-decoration: none;    
    float: right;
 }
 ul#nav_links li a:hover {
    background-color: blue;
 }
 </style>


 </head>

 <body> 
  <div class="navbar">
  <ul id="nav_links"> 
    <li><a href="contact.html" id="divcontact" role="button">CONTACT</a></li>
    <li><a href="FAQ.html">FAQ</a></li>
    <li><a href="#">PROGRAMS</a></li>
    <li><a href="#">SHOP</a></li> 
    <li><a href="about.html" class="divabout" role="button">ABOUT US</a></li> 
    <li><a href="index.html">HOME</a></li>      
  </ul>
  </div>
  <!--bar menu-->

  <div class="container">
  	<div class="header">	
     <h1>Contact</h1>
       <p><strong>Information by Margarita Margie
       </strong></p> 
     <div id="paragraf">A fashion designer creates clothing for  surfing and diving , including dresses, suits, pants and skirts<br> and accessories such as shoes, for consumers.
       </div>
    </div>
      
      <div class="email">
        <h2><strong>[email protected]</strong>
        </h2>
        </div>
        <div class="adress"><h2>September 35 Portugal<br> I 4599 Lisbon<br>Company Fashion Designer
        </h2></div>
      
      <div class="phone"><p>company phone (355)487538<br>mobile phone 6975687250</p>
      </div>
      <p><span class="glyphicons glyphicons-phone-alt"></span></p>
 <!--2 botton-->
      <div id="socialmedia">
        <a class="social" href="https://www.facebook.com" role="button">FACEBOOK</a>
      </div>

      <div id="socialmedia2">
        <a class="social2" href="#" role="button">DESIGNER</a>
      </div>
      <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><span class="glyphicon glyphicon-plus"></span>Collapsible Group Item</a>
   </div> <!--end container-->

 </body>
 </html>
diff --git a/faqstyle.css b/faqstyle.css
 html{
 background-color: #FDF5E6;

 }
 .navbar{
 	background-color: black;
 }
 h1 {
 	text-align: center;
 	background-color: #FDF5E6;
 }
	<!Doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">

	<!-- Latest compiled and minified Bootstrap CSS -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

	<!-- jQuery is required for Bootstrap to work -->
	<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>

	<!-- Latest compiled and minified Bootstrap JavaScript -->
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>


	<link rel="stylesheet" href="css/contactstyles.css">
	<link href="css/bootstrap.css" type="text/css" rel="stylesheet">

	<title>Contact</title>
	<style>
	ul#nav_links {
	padding: 0;
	}
	ul#nav_links li {
	display: inline;
	}
	ul#nav_links li a {
	background-color: black;
	color: white;
	padding: 15px 35px;
	text-decoration: none;
	float: right;
	}
	ul#nav_links li a:hover {
	background-color: blue;
	}
	</style>


	</head>

	<body>
	<div class="navbar">
	<ul id="nav_links">
	<li><a href="contact.html" id="divcontact" role="button">CONTACT</a></li>
	<li><a href="FAQ.html">FAQ</a></li>
	<li><a href="#">PROGRAMS</a></li>
	<li><a href="#">SHOP</a></li>
	<li><a href="about.html" class="divabout" role="button">ABOUT US</a></li>
	<li><a href="index.html">HOME</a></li>
	</ul>
	</div>
	<!--bar menu-->

	<div class="container">
	<div class="header">
	<h1>Contact</h1>
	<p><strong>Information by Margarita Margie
	</strong></p>
	<div id="paragraf">A fashion designer creates clothing for surfing and diving , including dresses, suits, pants and skirts<br> and accessories such as shoes, for consumers.
	</div>
	</div>

	<div class="email">
	<h2><strong>[email protected]</strong>
	</h2>
	</div>
	<div class="adress"><h2>September 35 Portugal<br> I 4599 Lisbon<br>Company Fashion Designer
	</h2></div>

	<div class="phone"><p>company phone (355)487538<br>mobile phone 6975687250</p>
	</div>
	<p><span class="glyphicons glyphicons-phone-alt"></span></p>
	<!--2 botton-->
	<div id="socialmedia">
	<a class="social" href="https://www.facebook.com" role="button">FACEBOOK</a>
	</div>

	<div id="socialmedia2">
	<a class="social2" href="#" role="button">DESIGNER</a>
	</div>
	<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><span class="glyphicon glyphicon-plus"></span>Collapsible Group Item</a>
	</div> <!--end container-->

	</body>
	</html>
	html{
	background-color: #FDF5E6;

	}
	.navbar{
	background-color: black;
	}
	h1 {
	text-align: center;
	background-color: #FDF5E6;
	}