dashboard.html

<!DOCTYPE html>
<html lang='en'>
<head>
	<meta class="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>The Working Bros</title>
	<link rel="icon" type="image/ico" href="images/Our/TWB_NoBackground.svg" />
	<!-- Don't forget to add your metadata here -->
	<link rel='stylesheet' href='css/style.css' />
	<link rel="stylesheet" href="css/animate.min.css">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
	<script src="https://kit.fontawesome.com/8ba1cb7127.js"></script>
	
	
	<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>
</head>
<body>
	<!-- Hero(extended) navbar -->
	<div class="navbar navbar--extended">
		<nav class="nav__mobile"></nav>
		<div class="container">
			<div class="navbar__inner">
				<img href="index.html" src="images/Our/TWB_NoBackground.svg"  height="55" width="55"  alt="TWB" class="navbar__logo"/>
				<div class="navbar__menu-mob"><a href="" id='toggle'><svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z" class=""></path></svg></a></div>
			</div>
		</div>
	</div>
	<!-- Hero unit -->
	
<div class="container"  ">
  <div id="myCarousel" class="carousel slide" data-ride="carousel" >
    <!-- Indicators -->
    <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner" style="width:100%;" >
      <div class="item active">
        <img src="/images/secureVault.png" alt="Los Angeles" style="width:100%;">
      </div>

      <div class="item">
        <img src="/images/secureVault.png" alt="Chicago" style="width:100%;">
      </div>
    
      <div class="item">
        <img src="/images/secureVault.png" alt="New york" style="width:100%;">
      </div>
    </div>

    <!-- Left and right controls -->
    <a class="left carousel-control" href="#myCarousel" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
</div>
		
	<div class="hero__sub">
		<span id="scrollToNext" class="scroll">
			<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" class='hero__sub__down' fill="currentColor" width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><path d="M256,298.3L256,298.3L256,298.3l174.2-167.2c4.3-4.2,11.4-4.1,15.8,0.2l30.6,29.9c4.4,4.3,4.5,11.3,0.2,15.5L264.1,380.9c-2.2,2.2-5.2,3.2-8.1,3c-3,0.1-5.9-0.9-8.1-3L35.2,176.7c-4.3-4.2-4.2-11.2,0.2-15.5L66,131.3c4.4-4.3,11.5-4.4,15.8-0.2L256,298.3z"/></svg>
		</span>
	</div>
	<!-- Steps -->
	<div class="steps landing__section">
		<div class="container">
			<h2>Our Projects</h2>
			<p>Take a look at our projects and feel free to contribute to it.</p>
		</div>
		<div class="container">
			<div class="steps__inner animated bounceInLeft delay-6s">
				<div class="step">
					<div class="step__media">
						<img src="./images/vault.png"class="step__image">
					</div>
					<h4>Secure Vault</h4>
					<p class="step__text">Offline Text Security Vault, save password, credit card number or anything.</p>
					<button type="button" onclick="window.open('https://github.com/AdarshRise/Secure-Vault')" class="btn btn-primary">See on Github</button>
				</div>
				<div class="step"">
					<div class="step__media">
						<img src="./images/ic_launcher.png" class="step__image">
					</div>
					<h4>Movie Carnival</h4>
					<p class="step__text">Discover movies from TMDb.</p>
					<button type="button"onclick="window.open('https://github.com/imabhishekkumar/Movie-Carnival')" class="btn btn-primary">See on Github</button>
				</div>
				<div class="step" ">
					<div class="step__media">
						<img src="./images/launcher_icon.png" class="step__image">
					</div>
					<h4>CodeX</h4>
					<p class="step__text">A mobile compiler that supports various programming languages.</p>
					<button type="button" class="btn btn-primary" onclick="window.open('https://github.com/imabhishekkumar/CodeX_Flutter')">See on Github</button>
				</div>
			</div>
		</div>
	</div>
	

	<!-- Footer -->
	<div class="footer footer--dark">
		<div class="container">
			<div class="footer__inner">
				<div class="icon-bar">
					<a href=""onclick="window.open('https://www.facebook.com/workingbros/','_blank')" class="icons">
						  <i class="fab fa-facebook fa-2x"></i>
					</a>
					<a href=""onclick="window.open('https://github.com/RisingLight','_blank')" class="icons">
						  <i class="fab fa-github fa-2x"></i>
					 </a>
					
					<a href=""onclick="window.open('https://twitter.com/working_bros','_blank')" class="icons">
						   <i class="fab fa-twitter fa-2x"></i>
					</a> 
					
				</div><br>
				<p>Made with <span style="color: red">❤</span>  by The Working Bros Team.</p>
			</div>
		</div>
	</div>
<script src='js/app.min.js'></script>
</body>
</html>