Skip to content

Commit

Permalink
Update about page
Browse files Browse the repository at this point in the history
  • Loading branch information
YashAgr5980 committed Nov 5, 2018
1 parent ef96c18 commit b000680
Show file tree
Hide file tree
Showing 2 changed files with 60 additions and 16 deletions.
67 changes: 51 additions & 16 deletions about.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@
<link rel="stylesheet" href="css/about.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">
<link href="https://fonts.googleapis.com/css?family=Average" rel="stylesheet">
</head>
<body>
<nav class="navbar fixed-top navbar-custom navbar-expand-lg">
Expand Down Expand Up @@ -47,12 +48,24 @@

<header class="jumbotron">
<div class="container home-intro">
<div class="row row-header">
<div class="row row-header align-items-center">
<div class="col-12">
<h1 class="header-text rubberBand animated">Our Family</h1>
<p class="header-para">Meet the different divisions of Phoenix and all the dedicated members.</p>
</div>
</div>
<div class="row row-header align-items-center">
<div class="col-12">
<p class="header-para">The team works on a number of projects as a result of active participation in national and international competitions. We work on a lot of cool stuff as internal projects too.</p>
</div>
</div>
<br>
<br>
<div class="row row-header align-items-center">
<div class="col-12">
<h3 class="header-para">Check out what our members are working on <a href=""><span class="fa fa-chevron-right"></span></a></h3>
</div>
</div>
</div>
</header>

Expand Down Expand Up @@ -94,6 +107,13 @@ <h4 class="designation">Club Coordinator</h4>
<h2 class="division-heading">Robotics</h2>
</div>
</div>
<div class="col-sm-6">
<div class="row align-items-center">
<p class="division-info">This divisions deals mostly with the hardware solutions. The members actively build upon ideas ranging from RC Planes and Line Following Robots to Quadcopters and Robowar and Robosoccer bots.</p>
</div>
</div>
</div>
<div class="row divisions-row align-items-center">
<div class="col-sm-6">
<div class="row align-items-center">
<div class="col-sm-6">
Expand All @@ -106,13 +126,6 @@ <h4 class="designation">Sub-Coordinator</h4>
</div>
</div>
</div>
</div>
<div class="row divisions-row align-items-center">
<div class="col-sm-6">
<div class="row align-items-center">

</div>
</div>
<div class="col-sm-6">
<div class="row align-items-center">
<div class="col-sm-6">
Expand Down Expand Up @@ -199,6 +212,14 @@ <h4 class="name">Madhu Vinay</h4>
<h2 class="division-heading">Computer Vision</h2>
</div>
</div>
<div class="col-sm-6">
<div class="row align-items-center">
<p class="division-info">This division is involved in smart solutions to some prominent problems. The solutions are image processing based. Working on algorithms for best results is an appetite for the members.</p>
</div>
</div>
</div>
<div class="row divisions-row align-items-center">

<div class="col-sm-6">
<div class="row align-items-center">
<div class="col-sm-6">
Expand All @@ -211,13 +232,6 @@ <h4 class="designation">Sub-Coordinator</h4>
</div>
</div>
</div>
</div>
<div class="row divisions-row align-items-center">
<div class="col-sm-6">
<div class="row align-items-center">
<h2 class="division-heading"></h2>
</div>
</div>
<div class="col-sm-6">
<div class="row align-items-center">
<div class="col-sm-6">
Expand Down Expand Up @@ -281,6 +295,11 @@ <h4 class="name">Raj Vaibhav Dubey</h4>
<h2 class="division-heading">Embedded Systems</h2>
</div>
</div>
<div class="col-sm-6">
<p class="division-info">This division works with both hardware and software solutions. The essence here lies in the real time systems and independent working modules integrable with the bigger picture.</p>
</div>
</div>
<div class="row divisions-row align-items-center">
<div class="col-sm-6">
<div class="row align-items-center">
<div class="col-sm-6">
Expand All @@ -292,6 +311,11 @@ <h4 class="designation">Sub-Coordinator</h4>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="row align-items-center">
<h2 class="division-heading"></h2>
</div>
</div>
</div>
<div class="row divisions-row align-items-center">
<div class="col-sm-6">
Expand Down Expand Up @@ -325,7 +349,7 @@ <h4 class="name">Abhishek Yadav</h4>
</div>
<div class="col-sm-6">
<h4 class="name">Ayush Mahajan</h4>
<a href="https://www.facebook.com/ayush.mahajan.777"<span class="fa fa-facebook"></span></a>&emsp;<a href="https://www.linkedin.com/in/ayush-mahajan-005b8b155/"><span class="fa fa-linkedin"></span></a>
<a href="https://www.facebook.com/ayush.mahajan.777"><span class="fa fa-facebook"></span></a>&emsp;<a href="https://www.linkedin.com/in/ayush-mahajan-005b8b155/"><span class="fa fa-linkedin"></span></a>
</div>
</div>
</div>
Expand Down Expand Up @@ -388,8 +412,15 @@ <h4 class="name">Sumedha Rana</h4>
<div class="col-sm-6">
<div class="row align-items-center">
<h2 class="division-heading">Quarks</h2>
<hr>
</div>
</div>
<div class="col-sm-6">
<p class="division-info">This is the most diverse division with respect to it's functioning within the club. It is made up of graphic designers, content writers, website dvelopers and designers and social media promotion team.</p>
</div>
</div>
<div class="row divisions-row align-items-center">

<div class="col-sm-6">
<div class="row align-items-center">
<div class="col-sm-6">
Expand All @@ -402,7 +433,11 @@ <h4 class="designation">Sub-Coordinator</h4>
</div>
</div>
</div>
<div class="col-sm-6">

</div>
</div>

<div class="row divisions-row align-items-center">
<div class="col-sm-6">
<div class="row align-items-center">
Expand Down
9 changes: 9 additions & 0 deletions css/about.css
Original file line number Diff line number Diff line change
Expand Up @@ -48,4 +48,13 @@
}
.fa-github {
color: #000000;
}
.checkout-text, .fa-chevron-right {
color: #FFA500;
}

.division-info {
color: #FFA500;
font-size: 18px;
font-family: 'Average', serif;
}

0 comments on commit b000680

Please sign in to comment.