margieI/faq.html

## 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>MARGI@DESIGNER.LU</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>

## 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>MARGI@DESIGNER.LU</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;
	}