Skip to content

Commit

Permalink
Merge pull request #4 from YashAgr5980/master
Browse files Browse the repository at this point in the history 
Added the intro section
  • Loading branch information
@YashAgr5980
YashAgr5980 authored Oct 26, 2018
2 parents 3042b30 + 1b58023 commit 0e5340e
Show file tree
Hide file tree
Showing 8 changed files with 52 additions and 75 deletions.
37 changes: 29 additions & 8 deletions css/index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ body {
}
.navbar-custom {
padding: 10px;
background: #000, rgba(0,0,0,0.3);
background-color: rgba(0,0,0,0.2);
}
.nav-item, .navbar-brand {
padding-left: 20px;
Expand All @@ -21,9 +21,7 @@ body {
.navbar-nav li a {
color: #FFA500;
}
.container-fluid {
background: #000;
}


#lnmiitlogo {
width: 80px;
Expand All @@ -34,20 +32,43 @@ body {
.jumbotron {
height: 500px;
background-color: #000;
margin-bottom: 0px;
}
.container {
display: flex;
align-items: center;
}

.row {
padding-top: 5%;
}

.header-text {
color: #FFA500;
font-size: 100px;
text-align: center;
}
.header-para {
color: #FFA500;
font-size: 20px;
font-style: italic;
font-weight: 100;
word-spacing: 0.2em;
text-align: center;
margin-bottom: 0px !important;
}



.club-container {
color: #000;
font-family: 'Krub', sans-serif;
text-align: center;
font-style: italic;
font-weight: 10;
font-size: 20px;
word-spacing: 0.2em;
margin: 0px !important;
padding: 30px;
min-height: 400px;
}
.club-row-inline {
font-weight: 600;
color: #FFA500;
}
84 changes: 17 additions & 67 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,10 @@
<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" type="text/css" href="node_modules/animate.css/animate.css">
<link rel="stylesheet" href="css/index.css">
<link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Krub" rel="stylesheet">
</head>
<body>
<nav class="navbar fixed-top navbar-custom navbar-expand-lg">
Expand Down Expand Up @@ -43,83 +45,31 @@
<header class="jumbotron">
<div class="container home-intro">
<div class="row row-header">
<div class="col-12 col-sm-6">
<div class="col-12">
<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="club-container" style="background-image: url(src/img/background1.jpg); width: 100%; height:100%; opacity: 1.0; object-fit:contain;">
<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 class="row club-row align-items-center">
<div class="col-sm">
<p class="fadeInUp animated">The Phoenix as a club brings together like minded people to convert ideas into reality. We provide a platform to all the budding minds from a variety of tech fields such as <span class="club-row-inline">Robotics</span>, <span class="club-row-inline">Embedded Systems</span>, <span class="club-row-inline">Computer Vision</span> among others to come together and build their idea into a reality. We conduct several events ranging from Introductory sessions, Workshops, Competitions etc to continue the long lasting culture of learning and passing on. Irrespective of our academic branches and different years of undergraduate degree programs, we work with each other, build things, face the failure, rebuild it and continue trying until we succeed.</p>
<br>
<br>
<p class="fadeInDown animated">We as a group of enthusiastic individuals keep on looking for new opportunities and go on to participate in different competitions and sessions throughout the nation and beyond. We also organize events throughout the year with varying levels of target crowd. We have events that are targeted only towards the newbies of the institute so that they do not find things indimidating. We then increase the level to events that are open to all in the institute. The biggest scale events are organized as a part of our Techno-Management-Literary fest <span class="club-row-inline">Plinth</span>.</p>
<br>
<br>
<p class="fadeInUp animated">We keep on collabrating with other clubs and societies in and out of our college to increase the reach and aura of the various discipline that we are engaged in.</p>
</div>
</div>
</div>
</header>
</div>



<script src="node_modules/jquery/jquery.min.js"></script>
<script src="node_modules/popper/dist/popper.min.js"></script>
Expand Down
5 changes: 5 additions & 0 deletions package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,7 @@
"lite-server": "^2.4.0"
},
"dependencies": {
"animate.css": "^3.7.0",
"bootstrap": "^4.1.3",
"font-awesome": "^4.7.0",
"jquery": "^1.9.1",
Expand Down
Binary file added src/img/background1.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/background2.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/lnmiit.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/sample.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 0e5340e

Please sign in to comment.