design1.html

<div id="design1">
    <div class="page-header">
    	<h1>Summary/Comparison Between Countries</h1>
	</div>
	<div class="row">
		<div class="col-md-4">
			<button type="button" class="btn btn-default", id="btn">+ Add a country</button>
		</div>
		<div class="col-md-6">
			<div id="question">Question</div>
			<!-- <div id="answer">Answer</div> -->
		</div>
	</div>
	
	<ul margin:20;></ul>

	<div class="row", id="out">
		<div class="col-md-6">
			<div class="country", id="c0">
			    <div class="container">
					<div class="dropdown" id="dropdown0">
					  <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Country Code
					  <span class="caret"></span></button>
					  <ul class="dropdown-menu" id="countrylist">
					   
					  </ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="info-container">
	    <!-- <div id="question"></div> -->
	    <div id="answer"></div>
	</div>
</div>
<script type="text/javascript" src="js/design1.js"></script>