Switch to side-by-side view

--- a
+++ b/website_pages/results.html
@@ -0,0 +1,153 @@
+<!DOCTYPE HTML>
+<html>
+	<head>
+		<title>Results</title>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+		<link rel="stylesheet" href="assets/css/main.css" />
+		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
+	</head>
+	<body class="is-preload">
+		<div id="page-wrapper">
+
+			<!-- Header -->
+			<header id="header">
+				<nav id="nav">
+					<ul>
+						<li><a href="index.html">Home</a></li>
+						<li><a href="model-deployment.html">Model Deployment</a></li>
+						<li>
+							<a href="#">Concepts</a>
+							<ul>
+								
+								<li><a href="model-architecture.html">Model Architeture</a></li>
+								<li>
+									<a href="#">Methodology</a>
+									<ul>
+										<li><a href="dataset.html">Dataset</a></li>
+										<li><a href="preprocessing.html">Preprocessing</a></li>
+										<li><a href="training.html">Training</a></li>
+										<li><a href="model-workflow.html">Model Workflow</a></li>
+										<li><a href="results.html">Results</a></li>
+									</ul>
+								</li>
+								<li><a href="future-scope.html">Future Scope</a></li>
+							</ul>
+						</li>
+						<li><a href="about-us.html.html">About Us</a></li>
+					</ul>
+				</nav>
+			</header>
+
+			<!-- Main -->
+			<div id="main" class="wrapper style1">
+
+				<div class="container">
+					<header class="major">
+						<h2>Results</h2>
+						<p>Hybrid Model</p>
+					</header>
+					<center>
+						<span class="image"><img src="images/cr.jpg" alt="" width="500" height="300" /></span>
+						<span class="image"><img src="images/avg.jpg" alt="" width="500" height="300" /></span>
+					</center>
+					<!-- Table -->
+					<section>
+
+						<br /><br /><div class="table-wrapper">
+							<table>
+								<thead>
+									<tr>
+										<th>Evaluation Metrics on Validation Set</th>
+										<th>Values</th>
+									</tr>
+								</thead>
+								<tbody>
+									<tr>
+										<td>Loss</td>
+										<td>0.14</td>
+									</tr>
+									<tr>
+										<td>AUC</td>
+										<td>0.96</td>
+									</tr>
+									<tr>
+										<td>True Positive</td>
+										<td>35334</td>
+									</tr>
+									<tr>
+										<td>False Positive</td>
+										<td>4761</td>
+									</tr>
+									<tr>
+										<td>True Negative</td>
+										<td>330681</td>
+									</tr>
+									<tr>
+										<td>False Negative</td>
+										<td>15144</td>
+									</tr>
+									<tr>
+										<td>Accuracy</td>
+										<td>0.95</td>
+									</tr>
+									<tr>
+										<td>Precision</td>
+										<td>0.88</td>
+
+									<tr>
+										<td>Recall</td>
+										<td>0.70</td>
+									</tr>
+								</tbody>
+							</table>
+						</div>
+					</section>
+				</div>
+				<br /><br />
+				<center>
+					<span class="image"><img src="images/hm.jpg" alt="" width="750" height="500" /></span>
+				</center>
+				<br /><br /><br />
+				<center>
+					<span class="image"><img src="images/la.jpg" alt="" width="500" height="500" /></span>
+				</center>
+				<header class="major">
+					<br /><br /><br />
+					<p>Model Comparison</p>
+				</header>
+				<br /><br />
+					  <center>
+					  	<span class="image"><img src="images/l.jpg" alt="" width="500" height="300" /></span>
+					  	<span class="image"><img src="images/L_1.jpg" alt="" width="500" height="300" /></span>
+					  </center>
+				<br /><br />
+					  <center>
+					  	<span class="image"><img src="images/Acc.jpg" alt="" width="500" height="300" /></span>
+					  	<span class="image"><img src="images/Acc_1.jpg" alt="" width="500" height="300" /></span>
+					  </center>
+				<br /><br />
+					  <center>
+					  	<span class="image"><img src="images/F.jpg" alt="" width="500" height="300" /></span>
+					  	<span class="image"><img src="images/F_1.jpg" alt="" width="500" height="300" /></span>
+					  </center>
+				<br /><br />
+					  <center>
+					  	<span class="image"><img src="images/AUC.jpg" alt="" width="500" height="300" /></span>
+					  	<span class="image"><img src="images/AUC_1.jpg" alt="" width="500" height="300" /></span>
+					  </center>
+				<br /><br />
+			</div>
+
+					<!-- Scripts -->
+					<script src="assets/js/jquery.min.js"></script>
+					<script src="assets/js/jquery.scrolly.min.js"></script>
+					<script src="assets/js/jquery.dropotron.min.js"></script>
+					<script src="assets/js/jquery.scrollex.min.js"></script>
+					<script src="assets/js/browser.min.js"></script>
+					<script src="assets/js/breakpoints.min.js"></script>
+					<script src="assets/js/util.js"></script>
+					<script src="assets/js/main.js"></script>
+
+</body>
+</html>