Lambhorghini

by Govinda Shrikanth

HTML

<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.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>website1</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
	
</head>

<body>
	<!--Navigation Bar-->
	<nav class="navbar navbar-inverse navbar-fixed-top">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#website1-navbar-collapse-1" aria-expanded="false">
					<span class="sr-only">toggle-navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#"><img src="https://i.ibb.co/1QKQKw6/lamborghini-logo-brand.png" alt="lamborghini-logo-brand"></a>
			</div>
			<div class="collapse navbar-collapse" id="website1-navbar-collapse-1">
				<ul class="nav navbar-nav navbar-right">
					<li><a href="#main">HOME</a></li>
					<li><a href="#">ABOUT</a></li>
					<li class="dropdown">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" area-hsapopup="true" area-expanded="false">PROJECTS<span class="caret"></span></a>
					<ul class="dropdown-menu">
					<li><a href="#">PROJECT1</a></li>
					<li><a href="#">PROJECT2</a></li>
					<li><a href="#">PROJECT3</a></li>
					</ul>
					</li>
					<li><a href="#">GALLERY</a></li>
					<li><a href="#">CONTACT</a></li>
				</ul>
			</div>
		</div>
	</nav>
	<!--Carousel-->
	<div id="myCarousel" class="carousel slide" data-ride="carousel">
		<!--indicators-->
		<ol...

CSS

@charset "UTF-8";
/* CSS Document */

.carousel-item {
  height: 100%;
  min-height: 100px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-item h1{
	font-size: 3em;
}


.index-social{
    background-color:#2c2c2c;
    color:#fff;
}

.index-social a{
    color:#fff;
    font-size:25px;
    display:block;
    float:left;
    padding:10px;
}
.index-link h3{
    text-align:center;
   color:#f1f1f1;
   text-align:left;
   
}
li.glyphicon {
    color: #fff;
    font-size: 2em;
	padding: 0.2em;
}
.index-link p {
    color: #fff;
}
.index-link{
    background-color:#000;
}
.index-link ul{
    padding:0px;
}
.index-link ul li{
    list-style-type:none;
}
.index-link ul li a{
  text-decoration:none;
  font-size:16px;
  color:#fff;
  display:block;
  padding:5px 0;
  text-align:left;
}
.index-link ul li a:hover{
     text-decoration:underline;
}
.copy-c{
    padding-top:15px;
}