Skip to content

Commit

Permalink
Merge pull request #3 from YashAgr5980/master
Browse files Browse the repository at this point in the history 
Added Navbar
  • Loading branch information
@YashAgr5980
YashAgr5980 authored Oct 26, 2018
2 parents 4efeae2 + 24e915c commit 3042b30
Show file tree
Hide file tree
Showing 4 changed files with 162 additions and 1 deletion.
53 changes: 53 additions & 0 deletions css/index.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
body {
font-family: Lato, sans-serif;
}

#navbar-toggler-icon {
color: #FFA500;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 5 32 23' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#FFA500' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-right {
margin-right: 0;
}
.navbar-custom {
padding: 10px;
background: #000, rgba(0,0,0,0.3);
}
.nav-item, .navbar-brand {
padding-left: 20px;
padding-right: 20px;
}

.navbar-nav li a {
color: #FFA500;
}
.container-fluid {
background: #000;
}

#lnmiitlogo {
width: 80px;
height: 40px;
float: right;
margin-left: 10px;
}
.jumbotron {
height: 500px;
background-color: #000;
}
.container {
display: flex;
align-items: center;
}
.row {
padding-top: 5%;
}

.header-text {
color: #FFA500;
font-size: 100px;
}
.header-para {
color: #FFA500;
font-size: 20px;
}
110 changes: 109 additions & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,9 +9,117 @@
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="css/bootstrap-social.css">
<link rel="stylesheet" href="css/index.css">
<link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
</head>
<body>
Phoenix!
<nav class="navbar fixed-top navbar-custom navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="#"><img src="src/img/logo.jpg"></a>
<button class="navbar-toggler" id="navbar-toggler-icon" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon" ></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Achievements</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Projects</a>
</li>
</ul>
<div class="nav nav-navbar navbar-right">
<a class="nav-link" href="#"><img src="src/img/lnmiitlogo.jpg" id="lnmiitlogo"></a>
</div>
</div>
</div>
</nav>
<header class="jumbotron">
<div class="container home-intro">
<div class="row row-header">
<div class="col-12 col-sm-6">
<h1 class="header-text">Phoenix</h1>
<p class="header-para">Our Main Motive is to bring out the feeling of togetherness among the students of LNMIIT and to spread the culture of Robotics, DIP, Embedded System .</p>
</div>
<div class="col-12 col-sm-3 align-self-center">

</div>
<div class="col-12 col-sm-3 align-self-center">

</div>
</div>
</div>
</header>
<header class="jumbotron">
<div class="container">
<div class="row row-header">
<div class="col-12 col-sm-6">
<h1>Ristorante con Fusion</h1>
<p>We take inspiration from the World's best cuisines, and create a unique fusion experience. Our lipsmacking creations will tickle your culinary senses!</p>
</div>
<div class="col-12 col-sm-3 align-self-center">
<img src="img/logo.png" class="img-fluid">
</div>
<div class="col-12 col-sm-3 align-self-center">
<a type="button" class="btn btn-warning btn-sm btn-block" id="reserveTableModalButton">Reserve Table</a>
</div>
</div>
</div>
</header>
<header class="jumbotron">
<div class="container">
<div class="row row-header">
<div class="col-12 col-sm-6">
<h1>Ristorante con Fusion</h1>
<p>We take inspiration from the World's best cuisines, and create a unique fusion experience. Our lipsmacking creations will tickle your culinary senses!</p>
</div>
<div class="col-12 col-sm-3 align-self-center">
<img src="img/logo.png" class="img-fluid">
</div>
<div class="col-12 col-sm-3 align-self-center">
<a type="button" class="btn btn-warning btn-sm btn-block" id="reserveTableModalButton">Reserve Table</a>
</div>
</div>
</div>
</header>
<header class="jumbotron">
<div class="container">
<div class="row row-header">
<div class="col-12 col-sm-6">
<h1>Ristorante con Fusion</h1>
<p>We take inspiration from the World's best cuisines, and create a unique fusion experience. Our lipsmacking creations will tickle your culinary senses!</p>
</div>
<div class="col-12 col-sm-3 align-self-center">
<img src="img/logo.png" class="img-fluid">
</div>
<div class="col-12 col-sm-3 align-self-center">
<a type="button" class="btn btn-warning btn-sm btn-block" id="reserveTableModalButton">Reserve Table</a>
</div>
</div>
</div>
</header>
<header class="jumbotron">
<div class="container">
<div class="row row-header">
<div class="col-12 col-sm-6">
<h1>Ristorante con Fusion</h1>
<p>We take inspiration from the World's best cuisines, and create a unique fusion experience. Our lipsmacking creations will tickle your culinary senses!</p>
</div>
<div class="col-12 col-sm-3 align-self-center">
<img src="img/logo.png" class="img-fluid">
</div>
<div class="col-12 col-sm-3 align-self-center">
<a type="button" class="btn btn-warning btn-sm btn-block" id="reserveTableModalButton">Reserve Table</a>
</div>
</div>
</div>
</header>

<script src="node_modules/jquery/jquery.min.js"></script>
<script src="node_modules/popper/dist/popper.min.js"></script>
Expand Down
Binary file added src/img/lnmiitlogo.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/img/logo.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 3042b30

Please sign in to comment.