Fix section

Signed-off-by: Pratik Karki <[email protected]>

Author: prertik

index.html

@@ -28,25 +28,46 @@
 					<li class="nav-item"><a href="https://github.com/git-for-windows/git" target="_blank" class="nav-link">Repository</a></li>
 					<li class="nav-item"><a href="https://groups.google.com/group/git-for-windows" target="_blank" class="nav-link">Mailing List</a></li>
 				</ul>
-				<div class="navbar-text ml-lg-3">
-					<a href="https://github.com/git-for-windows/git/releases/latest" class="btn btn-primary text-white shadow" target="_blank">Download</a>
-				  </div>
 				</div>
 			</nav>
-			<section class="content feature">
-				<div class="imagerollover">
-					<img src="img/gwindows_logo.png" alt="Git Logo">
-					<img class="top" src="img/git_logo.png" alt="Git Logo">
+			<section class="bg-light">
+				<div class="container">
+					<div class="row">
+						<div class="col-lg-8 order-2 order-lg-1">
+							<img src="img/gwindows_logo.png" alt="Git Logo" class="img-fluid">
+								<p class="lead"><h2>We bring the awesome <span class="gittext">Git</span> SCM to Windows</h2></p>
+								<p>
+									<a name="download" /><a class="btn btn-primary shadow mr-2" href="https://github.com/git-for-windows/git/releases/latest" target="_blank">Download</a>
+									<a class="btn btn-outline-primary shadow mr-2" href="#contribute">Contribute</a>
+								</p>
+							<!-- <div class="imagerollover">
+								<img src="img/gwindows_logo.png" alt="Git Logo" class="img-fluid">
+								<img class="top" src="img/git_logo.png" alt="Git Logo">
+							</div> -->
+						
+						</div>
+						<div class="col-md-6 col-md-offset-3 col-md-push-3">
+							<div class="text-right">
+								<p class="lead"><h2>We bring the awesome <span class="gittext">Git</span> SCM to Windows</h2></p>
+								<p>
+									<a name="download" /><a class="btn btn-primary shadow mr-2" href="https://github.com/git-for-windows/git/releases/latest" target="_blank">Download</a>
+									<a class="btn btn-outline-primary shadow mr-2" href="#contribute">Contribute</a>
+								</p>
+							</div>
+						</div>
+						
+					</div>
+					
 				</div>
-				<article>
+				<!-- <article>
 					<div class="vcentercontainer">
 						<div>
 							<h2>We bring the awesome <span class="gittext">Git</span> SCM to Windows</h2>
 							<a name="download" /><a class="button featurebutton" href="https://github.com/git-for-windows/git/releases/latest" target="_blank">Download</a>
 							<a class="button featurebutton" href="#contribute">Contribute</a>
 						</div>
 					</div>
-				</article>
+				</article> -->
 			</section>
 		<section class="details">
 			<article>