Added proper col to div

5 files changed, 64 insertions, 56 deletions

diff --git a/views/about.html b/views/about.html
index 79f179f..bd32fc2 100644
--- a/views/about.html
+++ b/views/about.html
@@ -8,6 +8,8 @@
 		<% include header.html %>
 	</header>
 	<div class="container">
+	<div class="row">
+			<div class="col-lg-8 col-lg-offset-2">
 		<h1>About</h1>
 		<section>
 			<p>
@@ -18,11 +20,15 @@
 			</p>	
 		</section>	
 	</div>
+	</div>
+	</div>
+	
 	
-
 	<footer class="footer">
 		<% include footer.html %>	
-	</footer>
+	</footer>	
+	
+	
 	
 </body>
 </html>
\ No newline at end of file
diff --git a/views/contact.html b/views/contact.html
index 04caed4..9a0b03e 100644
--- a/views/contact.html
+++ b/views/contact.html
@@ -70,9 +70,12 @@
 			</div>
 		</div>
 	</div>
+
 	<footer class="footer">
-		<% include footer.html %>	
-	</footer>
+	<% include footer.html %>	
+	</footer>	
+	
+	
 	
 </body>
 </html>
diff --git a/views/footer.html b/views/footer.html
index dae8b59..d7624f6 100644
--- a/views/footer.html
+++ b/views/footer.html
@@ -1,8 +1,6 @@
 <div class="container">
-	<!-- <div> -->
-		 <p style="text-align:center;">This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/4.0/" rel="license" target="_blank">Creative Commons Attribution-ShareAlike 4.0 International License.</a><br><a href="http://creativecommons.org/licenses/by-sa/4.0/" rel="license" target="_blank"><img src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png"></a> 
+		<p style="text-align:center;">This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/4.0/" rel="license" target="_blank">Creative Commons Attribution-ShareAlike 4.0 International License.</a><br><a href="http://creativecommons.org/licenses/by-sa/4.0/" rel="license" target="_blank"><img src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png"></a> 
 		 </p>
 		
 		<!-- <p>&copy; 2016 FOSSEE, IIT Bombay</p>	 -->
-	<!-- </div> -->
 </div>
diff --git a/views/header.html b/views/header.html
index 7a9f64e..3a6d38d 100644
--- a/views/header.html
+++ b/views/header.html
@@ -11,7 +11,7 @@
     		</div>
     		<div class="collapse navbar-collapse" id="navbar">
       			<ul class="nav navbar-nav">
-        			<li class="active"><a href="/index">Home</a></li>
+        			<li><a href="/index">Home</a></li>
         			<li><a href="/about">About</a></li>
         			<li><a href="/contact">Contact</a></li> 
             	</ul>
diff --git a/views/index.html b/views/index.html
index 185f305..44d9c92 100644
--- a/views/index.html
+++ b/views/index.html
@@ -7,26 +7,30 @@
 	<header>

 		<% include header.html %>

 	</header>

-

-	 <!-- Main jumbotron for a primary marketing message or call to action -->

-    <div class="descNgspice">

-      <div class="container">

-        <h2>Ngspice</h2>

-        <p3>SPICE (Simulation Program with Integrated Circuit Emphasis) is a widely used tool for simulating electrical circuits. The original version was developed at the Electronics Research Laboratory of the University of California, Berkeley. Dozens of variations of SPICE exist, with both free and commercial versions available.

-

-		This site allows you to run ngspice simulations from a web browser environment. Whether you are using a Windows, Linux, or Mac computer, a smart phone, or a tablet, you always should be able to run a SPICE simulation.

-		</p3>

-      </div>

+	<div class="container">

+		<div class="row">

+			<div class="col-lg-8 col-lg-offset-2">

+	 

+			    <div class="descNgspice">

+			        <h2>Ngspice</h2>

+			        <p3>SPICE (Simulation Program with Integrated Circuit Emphasis) is a widely used tool for simulating electrical circuits. The original version was developed at the Electronics Research Laboratory of the University of California, Berkeley. Dozens of variations of SPICE exist, with both free and commercial versions available.

+

+					This site allows you to run ngspice simulations from a web browser environment. Whether you are using a Windows, Linux, or Mac computer, a smart phone, or a tablet, you always should be able to run a SPICE simulation.

+					</p3>

+			    </div>

+    		</div>

+    	</div>

     </div>

 

-

 	<div class="container">

-		<h2>Editor</h2>

-  		<p>Please write your ngspice netlist in the below editor.</p>

-  		<form role="form">

-    		<div class="form-group editorArea">

-    		

-      			<textarea class="form-control" id="netlist" rows="20"> 

+		<div class="row">

+			<div class="col-lg-8 col-lg-offset-2">

+				<h2>Editor</h2>

+		  		<p>Please write your ngspice netlist in the below editor.</p>

+		  		<form role="form">

+		    		<div class="form-group editorArea">

+		    		

+		      			<textarea class="form-control" id="netlist" rows="20"> 

 * Author: FOSSEE

 * Date:

 

@@ -43,44 +47,41 @@ v1  in gnd pwl(0m 0 0.5m 5 50m 5 50.5m 0 100m 0)
 	run

 .endc

 .end

-      			</textarea>

-      			<h3>Plots:</h3>

-      			<textarea class="form-control" id="plotOption" rows="3">

+		      			</textarea>

+		      			<h3>Plots:</h3>

+		      			<textarea class="form-control" id="plotOption" rows="3">

 v(in) v(out)      			

-    			</textarea>

-    		</div>

- 		</form>

- 		<div class="buttonArea">

-			<button id="doSubmit" class="btn btn-success">Submit</button>

-			<button id="doSaveNetlist" class="btn btn-success">Save Netlist</button>

-			<button id="doClear" class="btn btn-danger">Clear Plots</button>

-		</div>

-		

-		<hr>

-		

-		<div id="messages">

-			<p class="fromServer">Server acknowledgement goes here</p>

-		</div>

-

-		<div class="container" id="plot" style="display:none;">

-		<div class="row">

-			<div id="graph" style="width:600px;height:400px;" class="col-lg-6">

-

+    					</textarea>

+    				</div>

+ 				</form>

+		 		<div class="buttonArea">

+					<button id="doSubmit" class="btn btn-success">Submit</button>

+					<button id="doSaveNetlist" class="btn btn-success">Save Netlist</button>

+					<button id="doClear" class="btn btn-danger">Clear Plots</button>

+				</div>

+				

+				<hr>

 				

+				<div id="messages">

+					<p class="fromServer">Server acknowledgement goes here</p>

+				</div>

+

+				<div class="container" id="plot" style="display:none;">

+					<div class="row">

+						<div id="graph" style="width:600px;height:400px;" class="col-lg-6">

+						

+						</div>

+						

+					</div>

+				</div>

 			</div>

-			

-		</div>

-			

 		</div>

-	

 	</div>

-	<div>

+	

 	<footer class="footer">

 		<% include footer.html %>	

-	</footer>

-	</div>

-

-

+	</footer>	

+	

 	<script>

 		console.log("Client Started!!!");

     	//var socket = io.connect('http://localhost:3000');