mirror of
https://github.com/WatchOutNewsAgency/wona.github.com.git
synced 2026-01-01 01:16:26 +00:00
Added bootstap and testing carousel
This commit is contained in:
Asutosh Palai
@ -1,19 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
|
||||
<head>
|
||||
|
||||
{% assign title = site.name %}
|
||||
{% if page.title %}
|
||||
{% assign title = page.title + " — " + title %}
|
||||
{% assign title = page.title + " — " + title %}
|
||||
{% endif %}
|
||||
|
||||
{% if page.excerpt %}
|
||||
{% assign desc = page.excerpt %}
|
||||
{% assign desc = page.excerpt %}
|
||||
{% else %}
|
||||
{% assign desc = site.description %}
|
||||
{% assign desc = site.description %}
|
||||
{% endif %}
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>
|
||||
{{ title }}
|
||||
</title>
|
||||
@ -27,14 +28,20 @@
|
||||
<meta property="og:description" content="{{ desc }}" />
|
||||
<!-- Open Graph protocol -->
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<meta name="author" content="{{ site.name }}" />
|
||||
<meta name="description" content="{{ desc }}" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="alternate" type="application/rss+xml" href="/atom.xml" />
|
||||
|
||||
<link rel="stylesheet" href="/css/pure.css" type="text/css" media="screen, projection" />
|
||||
<link rel="stylesheet" href="/css/pygments.css" type="text/css" />
|
||||
<link rel="stylesheet" href="/css/base.css" type="text/css" media="screen, projection" />
|
||||
|
||||
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
|
||||
<script type="text/javascript" src="/js/masonry.min.js"></script>
|
||||
<script type="text/javascript" src="/js/application.js"></script>
|
||||
</head>
|
||||
|
||||
@ -1,12 +1,86 @@
|
||||
<div class="pure-g redhead">
|
||||
<header class="pure-u-2-3">
|
||||
<img src="/images/logo.png" alt="">
|
||||
<h1>Watch Out! News Agency</h1>
|
||||
<h3>The Official News Magazine of IIT Roorkee</h3>
|
||||
<nav>
|
||||
<a href="/">Home</a>
|
||||
<a href="/columns/">Columns</a>
|
||||
<a href="/news/">News</a>
|
||||
</nav>
|
||||
</header>
|
||||
</div>
|
||||
<div class="navbar-wrapper">
|
||||
<div class="container">
|
||||
|
||||
<nav class="navbar navbar-default navbar-static-top">
|
||||
<div class="container">
|
||||
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
|
||||
<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-left" href="/"><img class="navbar-logo" src="/images/logo.png" alt="WONA Logo"></a>
|
||||
</div>
|
||||
|
||||
<div id="navbar" class="navbar-collapse collapse">
|
||||
<ul class="nav navbar-nav">
|
||||
<li class="active"><a href="/">Home</a></li>
|
||||
<li><a href="/columns/">Columns</a></li>
|
||||
<li><a href="/news/">News</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Carousel
|
||||
================================================== -->
|
||||
<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="false">
|
||||
<!-- Indicators -->
|
||||
<ol class="carousel-indicators">
|
||||
<li data-target="#myCarousel" data-slide-to="0" class=""></li>
|
||||
<li class="" data-target="#myCarousel" data-slide-to="1"></li>
|
||||
<li class="active" data-target="#myCarousel" data-slide-to="2"></li>
|
||||
</ol>
|
||||
<div class="carousel-inner" role="listbox">
|
||||
<div class="item">
|
||||
<div class="container">
|
||||
<div class="carousel-caption">
|
||||
<h1>Example headline.</h1>
|
||||
<p>Note: If you're viewing this page via a <code>file://</code>
|
||||
URL, the "next" and "previous" Glyphicon buttons on the left and right
|
||||
might not load/display properly due to web browser security rules.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="container">
|
||||
<div class="carousel-caption">
|
||||
<h1>Another example headline.</h1>
|
||||
<p>Cras justo odio, dapibus ac facilisis in, egestas eget
|
||||
quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor
|
||||
id nibh ultricies vehicula ut id elit.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item active">
|
||||
<div class="container">
|
||||
<div class="carousel-caption">
|
||||
<h1>One more for good measure.</h1>
|
||||
<p>Cras justo odio, dapibus ac facilisis in, egestas eget
|
||||
quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor
|
||||
id nibh ultricies vehicula ut id elit.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a class="left carousel-control" href="#myCarousel" role="button"
|
||||
data-slide="prev">
|
||||
<span class="glyphicon glyphicon-chevron-left"
|
||||
aria-hidden="true"></span>
|
||||
<span class="sr-only">Previous</span>
|
||||
</a>
|
||||
<a class="right carousel-control"
|
||||
href="#myCarousel" role="button"
|
||||
data-slide="next">
|
||||
<span class="glyphicon
|
||||
glyphicon-chevron-right"
|
||||
aria-hidden="true"></span>
|
||||
<span
|
||||
class="sr-only">Next</span>
|
||||
</a>
|
||||
</div><!-- /.carousel -->
|
||||
|
||||
|
||||
Reference in New Issue
Block a user