diff options
-rw-r--r-- | html/index.html | 176 |
1 files changed, 176 insertions, 0 deletions
diff --git a/html/index.html b/html/index.html new file mode 100644 index 0000000..8fc2ce2 --- /dev/null +++ b/html/index.html @@ -0,0 +1,176 @@ +<!DOCTYPE html> +<head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title>Free Software Foundation India</title> + <link rel="stylesheet" href="./assets/css/fsfi.css"> +</head> +<body> + +<!-- start navbar --> +<nav class="navbar" role="navigation" aria-label="main navigation"> + <div class="container"> + <div class="navbar-brand"> + <a class="navbar-item" href="./"> + <img src="./assets/img/logo.png" width="280px" height="142px"> + </a> + + <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="fsfi-nav-items"> + <span aria-hidden="true"></span> + <span aria-hidden="true"></span> + <span aria-hidden="true"></span> + </a> + </div> + + <div id="fsfi-nav-items" class="navbar-menu is-lowercase"> + <div class="navbar-end"> + <div class="navbar-item"> + <a href="#">About</a> + </div> + <div class="navbar-item"> + <a href="#">Events</a> + </div> + <div class="navbar-item"> + <a href="#">News</a> + </div> + <div class="navbar-item"> + <a href="#">Join</a> + </div> + <div class="navbar-item"> + <a href="#">Contact</a> + </div> + <div class="navbar-item"> + <a href="#">Shop</a> + </div> + </div> + </div> +</div> +</nav> +<!-- end navbar --> + +<!-- start banner --> +<div class="fsfi-banner"> + <div class="container"> + <section class="hero is-bold"> + <div class="hero-body"> + <div class="container"> + <div class="content is-large"> + <div class="columns"> + <div class="column is-narrow"> + <img class="banner-img" src="./assets/img/chakra.png"> + </div> + <div class="column is-two-thirds"> + <p class="banner-text"> + FSF India is a non-profit organisation committed to + advocating, promoting and propogating the use and + development of swantantra software in India. + </p> + </div> + </div> + </div> + </div> + </div> + </section> + </div> +</div> +<!-- end banner--> + +<!-- start news section --> +<div class="news"> + <section class="section"> + <div class="container"> + <div class="wrapper"> + <div class="content"> + <header> + <h1 class="title"><span>News</span></h1> + </header> + <ul class="news-items"> + <li> + <p><span class="tag is-white">Mar 07, 2014</span> + <a href="#">FSF India's call for a free digital society supported by free software</a> + </p> + </li> + <li> + <p><span class="tag is-white">Nov 09, 2013</span> + <a href="#">FSF India's Response to the Proposed Framework by Govt of India</a> + </p> + </li> + <li> + <p><span class="tag is-white">Oct 14, 2013</span> + <a href="#">Swatantra Malayalam Computing completes 12 years</a> + </p> + </li> + <li> + <p><span class="tag is-white">Sep 28, 2013</span> + <a href="#">The GNU system has turned thirty years old on September 27, 2013</a> + </p> + </li> + </ul> + </div> + </div> + </div> + </section> +</div> +<!-- end news section --> + +<!-- start articles section --> +<div class="articles"> + <section class="section"> + <div class="container"> + <div class="wrapper"> + <div class="content"> + <header> + <h1 class="title"><span>Articles</span></h1> + </header> + <ul class="news-items"> + <li> + <p><span class="tag is-white">Sep 19, 2011</span> + <a href="#">Android and Users' Freedom + - By Richard Stallman</a> + </p> + </li> + <li> + <p><span class="tag is-white">Feb 27, 2009</span> + <a href="#">Liberating cyberspace - + Interview with Richard M. Stallman, + founder, Free Software Foundation, + FRONTLINE</a> + </p> + </li> + <li> + <p><span class="tag is-white">Oct 19, 2007</span> + <a href="#">The Spectre of Free + Information - Interview with Eben + Moglen, Professor of Law and Legal + History - FRONTLINE</a> + </p> + </li> + </ul> + </div> + </div> + </div> + </section> +</div> +<!-- end artictles section --> + +<!-- start footer --> +<footer class="footer"> + <div class="content is-small"> + <p>Copyright © 2002-2019 Free Software Foundation of India.</p> + + <p>Verbatim copying and distribution of this entire article is + permitted in any medium, provided this notice is preserved.</p> + </div> + + <div class="footer-sister-orgs content is-small has-text-centered"> + <p class="">FSF India has sister organizations in <a href="#">North America</a>, <a href="#">Europe</a>, and <a href="#">Latin America</a>.</p> + </div> +</footer> +<!-- end footer --> + +<!-- start JS --> +<script type="text/javascript" src="./assets/js/fsfi.js"></script> +<!-- end JS --> + +</body> +</html> |