Skip to content

Commit 9473c0a

Browse files
chirathrchirathr
committed
Added new layout
1 parent e045d1d commit 9473c0a

File tree

5 files changed

+159
-26
lines changed

5 files changed

+159
-26
lines changed

‎event.html

+9-1
Original file line numberDiff line numberDiff line change
@@ -18,10 +18,18 @@
1818
<link href='http://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
1919
<link rel="stylesheet" href="includes/css/font-awesome.min.css">
2020
<link rel="stylesheet" href="includes/css/bootstrap.min.css">
21-
<link rel="stylesheet" href="includes/css/main.css">
2221
<script src="dist/sweetalert.min.js"></script>
2322
<link rel="stylesheet" type="text/css" href="dist/sweetalert.css">
2423
<link rel="stylesheet" href="includes/font-awesome-4.4.0/css/font-awesome.min.css" type="text/css">
24+
<link rel="stylesheet" type="text/css" href="includes/css/bootstrap.min.css">
25+
26+
<script src="includes/js/2.1.1.jquery.min.js"></script>
27+
<script src="includes/js/bootstrap.min.js"></script>
28+
<script src="dist/sweetalert.min.js"></script>
29+
<link rel="stylesheet" type="text/css" href="dist/sweetalert.css">
30+
<link rel="stylesheet" href="includes/font-awesome-4.4.0/css/font-awesome.min.css" type="text/css">
31+
<!-- Main Stylesheet -->
32+
<link rel="stylesheet" href="includes/css/main.css" type="text/css">
2533
</head>
2634

2735
<body>

‎includes/css/main.css

+49-3
Original file line numberDiff line numberDiff line change
@@ -1178,6 +1178,19 @@ textarea.form-control {
11781178
Responsive Styles
11791179
============================================================*/
11801180

1181+
/*============================================================
1182+
For Large Desktop
1183+
==============================================================*/
1184+
1185+
@media (min-width: 1150px) {
1186+
1187+
.content {
1188+
padding-top:4em;
1189+
}
1190+
1191+
1192+
}
1193+
11811194
/*============================================================
11821195
For Small Desktop
11831196
==============================================================*/
@@ -1197,6 +1210,11 @@ textarea.form-control {
11971210
.testimonial-item > div:after {
11981211
bottom: -40px;
11991212
}
1213+
.content {
1214+
padding-top:4em;
1215+
}
1216+
1217+
12001218
}
12011219

12021220

@@ -1256,6 +1274,9 @@ textarea.form-control {
12561274
.contact-form {
12571275
margin-bottom: 50px;
12581276
}
1277+
#textFooter {
1278+
display:none;
1279+
}
12591280
}
12601281

12611282

@@ -1264,6 +1285,9 @@ textarea.form-control {
12641285
==============================================================*/
12651286

12661287
@media only screen and (max-width: 767px) {
1288+
#textFooter {
1289+
display:none;
1290+
}
12671291

12681292
body {
12691293
font-size: 14px;
@@ -1411,11 +1435,26 @@ textarea.form-control {
14111435
==============================================================*/
14121436

14131437
@media only screen and (min-width: 480px) and (max-width: 767px) {
1438+
#textFooter {
1439+
display:none;
1440+
}
14141441

14151442
.sec-title h2:after {
14161443
left: 38%;
14171444
}
14181445

1446+
/* home slider */
1447+
.caption-content h2 {
1448+
font-size: 50px;
1449+
}
1450+
1451+
.caption-content p {
1452+
font-size: 25px;
1453+
}
1454+
1455+
.caption-content strong {
1456+
font-size: 35px;
1457+
}
14191458

14201459
/*about*/
14211460

@@ -1482,8 +1521,15 @@ textarea.form-control {
14821521
a:hover {
14831522
font-size:20px;
14841523
}
1485-
#qcLogo {
1486-
1524+
.content {
1525+
padding-top:8em;
14871526
}
1488-
#qcLogo img {
1527+
1528+
1529+
}
1530+
1531+
@media (min-width: 300px) and (max-width: 979px) {
1532+
#qcHomeHeader, #qcHeader {
1533+
position:static !important;
1534+
}
14891535
}

‎includes/css/mobile.css

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@media (min-width: 768px) and (max-width: 979px) {
2+
#qcLogo,#qcPriNav {
3+
dispaly:none !important;
4+
}
5+
}

‎includes/css/style.css

+70-2
Original file line numberDiff line numberDiff line change
@@ -376,7 +376,7 @@ video#bgvid {
376376
/* === 4.1 HEADER === */
377377

378378
#qcHomeHeader, #qcHeader {
379-
position: fixed;
379+
position: static;
380380
top: 0;
381381
left: 0;
382382
width: 100%;
@@ -2243,4 +2243,72 @@ ul#slide-list li a:hover {
22432243
.service-item h3 {
22442244
font-size: 20px;
22452245
text-transform: uppercase;
2246-
}
2246+
}
2247+
2248+
2249+
/* === 9 Text Tile === */
2250+
2251+
.title {
2252+
border-bottom: 1px solid #ccc;
2253+
max-width: 70%;
2254+
margin: 40px auto;
2255+
font-size:2em;
2256+
}
2257+
2258+
.title-note {
2259+
font-size: 60%;
2260+
color: #999;
2261+
}
2262+
2263+
.note {
2264+
color: #999;
2265+
}
2266+
2267+
2268+
.flex-title {
2269+
display: -webkit-box;
2270+
display: -webkit-flex;
2271+
display: -ms-flexbox;
2272+
display: flex;
2273+
-webkit-box-align: end;
2274+
-webkit-align-items: flex-end;
2275+
-ms-flex-align: end;
2276+
align-items: flex-end;
2277+
-webkit-flex-wrap: wrap;
2278+
-ms-flex-wrap: wrap;
2279+
flex-wrap: wrap;
2280+
}
2281+
.flex-title > span {
2282+
white-space: nowrap;
2283+
}
2284+
.flex-title .title-main {
2285+
-webkit-box-flex: 1;
2286+
-webkit-flex-grow: 1;
2287+
-ms-flex-positive: 1;
2288+
flex-grow: 1;
2289+
}
2290+
2291+
.banner .banner_bg {
2292+
background-repeat: no-repeat;
2293+
background-position: center center;
2294+
background-attachment: fixed;
2295+
background-size: cover;
2296+
content: "";
2297+
display: block;
2298+
position: absolute;
2299+
top: 0;
2300+
left: 0;
2301+
width: 100%;
2302+
height: 100%;
2303+
z-index: -5;
2304+
}
2305+
2306+
2307+
2308+
.white {
2309+
color:white;
2310+
}
2311+
2312+
.overlay {
2313+
background-color: rgba(0,0,0,0.8);
2314+
}

‎index.html

+26-20
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525
<link rel="stylesheet" type="text/css" href="dist/sweetalert.css">
2626
<link rel="stylesheet" href="includes/font-awesome-4.4.0/css/font-awesome.min.css" type="text/css">
2727
<!-- Main Stylesheet -->
28-
<link rel="stylesheet" href="includes/css/main.css" type="text/css">
28+
2929

3030
<!-- ## FULLSCREEN SLIDESHOW ## -->
3131

@@ -105,53 +105,58 @@
105105
</div>
106106
</div>
107107
</header>
108+
<div class="banner " id="home">
109+
<div class="banner_bg" data-stellar-background-ratio="0.2" style="background-image: url(http://themes.wplook.com/conference/wp-content/uploads/sites/9/2014/10/header_bg.jpg); background-position: 50% 50%;"></div></div>
110+
111+
<div class="row overlay" style="height:500px">
112+
<div class="page-title-text" ">
108113

109-
<div class="row" style="padding-top: 15%;">
110-
<div class="page-title-text" style="line-height: 2px; text-align: center;">
111-
<h1 style=" line-height: 4px">Annual <strong>Open Source</strong> Conference</h1><br>
112-
<h2>Welcome to <strong>Amritapuri</strong> Campus</h2>
114+
<h1 class="title flex-title">
115+
<span class="title-main white">Annual <strong>Open Source</strong> Conference</span>
116+
<span class="title-note">Welcome to <strong>Amritapuri</strong> Campus.</span>
117+
</h1>
113118
<!-- Goals section -->
114119
<section id="service">
115-
<div class="container" style="padding-top: 40px">
120+
<div class="container content">
116121
<div class="row">
117122
<div class="col-md-3 col-lg-3 col-sm-6 col-xs-6 text-center wow animated bounceInLeft">
118123
<div class="service-item wow animated wobble" data-wow-delay="0.9s">
119124
<div class="service-icon">
120-
<i class="fa fa-code fa-5x"></i>
125+
<i class="fa fa-code fa-5x white"></i>
121126
</div>
122-
<h3>Code Contributions</h3>
123-
<p>Contribute to open source projects, or fix your first bug LIVE!</p>
127+
<h3 class="white">Code Contributions</h3>
128+
<p class="note">Contribute to open source projects, or fix your first bug LIVE!</p>
124129
</div>
125130
</div>
126131

127132
<div class="col-md-3 col-lg-3 col-sm-6 col-xs-6 text-center wow animated zoomIn " data-wow-delay="0.6s">
128133
<div class="service-item wow animated rubberBand" data-wow-delay="0.9s">
129134
<div class="service-icon">
130-
<i class="fa fa-comment fa-3x"></i>
135+
<i class="fa fa-comment fa-3x white"></i>
131136
</div>
132-
<h3>Talks</h3>
133-
<p>Attend talks by various Open Source developers and enthusiasts</p>
137+
<h3 class="white">Talks</h3>
138+
<p class="note">Attend talks by various Open Source developers and enthusiasts</p>
134139
</div>
135140
</div>
136141

137142
<div class="col-md-3 col-lg-3 col-sm-6 col-xs-6 text-center wow animated zoomIn" data-wow-delay="0.6s">
138143
<div class="service-item wow animated rubberBand" data-wow-delay="0.9s">
139144
<div class="service-icon">
140-
<i class="fa fa-cogs fa-3x"></i>
145+
<i class="fa fa-cogs fa-3x white"></i>
141146
</div>
142-
<h3>Workshop</h3>
143-
<p>Code day and night with our carefully crafted Workshops</p>
147+
<h3 class="white">Workshop</h3>
148+
<p class="note">Code day and night with our carefully crafted Workshops</p>
144149
</div>
145150
</div>
146151

147152
<div class="col-md-3 col-lg-3 col-sm-6 col-xs-6 text-center wow animated bounceInRight wobble" >
148153
<div class="service-item wow animated wobble" data-wow-delay="0.9s">
149154
<div class="service-icon">
150-
<i class="fa fa-terminal fa-3x"></i>
155+
<i class="fa fa-terminal fa-3x white"></i>
151156
</div>
152157

153-
<h3>Hackathon</h3>
154-
<p> Hack everything you see, showcase it at the end</p>
158+
<h3 class="white">Hackathon</h3>
159+
<p class="note"> Hack everything you see, showcase it at the end</p>
155160
</div>
156161
</div>
157162

@@ -162,13 +167,14 @@ <h3>Hackathon</h3>
162167
</div>
163168

164169
</div>
170+
</div>
165171

166172
<!-- ## HEADER END ## -->
167173
<nav class="navbar navbar-fixed-bottom" style="background-color: #ff4e00; color: white">
168174
<div class="container" style="padding-top: 10px">
169175
<div class="pull-left fnav">
170-
<a style="color:white;" class="click"><button class="btn btn-primary" data-toggle="modal" data-target="#myModal">Sponsor Us</button></a>
171-
Built with <i class="fa fa-heart"></i> towards Open Source by <a href="http://foss.amrita.ac.in" style="color: black;" target="_blank">FOSS@Amrita</a> with Department of CSE, Amritapuri
176+
<a style="color:white;" class="click"><button class="btn btn-primary" data-toggle="modal" data-target="#myModal">Sponsor Us</button></a><span id="textFooter">
177+
Built with <i class="fa fa-heart"></i> towards Open Source by <a href="http://foss.amrita.ac.in" style="color: black;" target="_blank">FOSS@Amrita</a> with Department of CSE, Amritapuri</span>
172178
</div>
173179

174180
<div class="pull-right fnav">

0 commit comments

Comments
 (0)