path: root/html/index.html



<!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" aria-label="main navigation">
  <div class="container">
  <div class="navbar-brand">
    <a class="navbar-item" href="./">
      <img src="./assets/img/logo.png" width="280" height="142" alt="[ FSFI Logo ]">
    </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">
                        <header>
                            <h1>Free Software Foundation of India</h1>
                        </header>

                        <div class="columns">
                            <div class="column is-narrow">
                                <img class="banner-img" src="./assets/img/chakra.png" alt="[ Chakra - Image ]">
                            </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 fs section -->
<div class="fs">
    <section class="section">
        <div class="container">
            <div class="wrapper">
                <div class="content">
                    <header>
                        <h1 class="title"><span>Free Software Movement</span></h1>
                    </header>

                    <div class="columns">
                        <div class="column">
                            <p>The free software movement is a world
                                wide effort that campaigns for the
                                creation, use, and adoption of free
                                software that entitles users to four
                                essential freedoms: </p>

                            <ul>
                                <li>The freedom to run the program as
                                they wish, for any purpose (freedom
                                0).</li>

                                <li>The freedom to study how the
                                program works, and adapt it to their
                                needs (freedom 1). Access to the
                                source code is a precondition for
                                this.</li>

                                <li>The freedom to redistribute copies
                                so they can help their neighbor
                                (freedom 2).</li>

                                <li>The freedom to improve the
                                program, and release their
                                improvements to the public, so that
                                the whole community benefits (freedom
                                3). Access to the source code is a
                                precondition for this.</li>
                            </ul>

                        </div>
                        <div class="column">
                            <video controls="controls"
                                   poster="//static.fsf.org/nosvn/rms-photos/20140407-geneva-01.png" style="width:512px"
                                   src="//audio-video.gnu.org/video/TEDxGE2014_Stallman05_LQ.webm">
                                <track label="English" srclang="en" src="//static.fsf.org/nosvn/rms-tedx-subtitles/rms-ted-talk.en.vtt">
                                <track label="French" srclang="fr" src="//static.fsf.org/nosvn/rms-tedx-subtitles/rms-ted-talk.fr.vtt">
                                <track label="Spanish" srclang="es" src="//static.fsf.org/nosvn/TEDx_es.vtt">
                                <track label="Persian" srclang="fa" src="//static.fsf.org/nosvn/rms-ted-talk.fa.srt">
                            </video>
                            <p>Download this video in a free format
                                (<a href="//audio-video.gnu.org/video/TEDxGE2014_Stallman05_HQ.ogv">HD</a>)
                                (<a href="//audio-video.gnu.org/video/TEDxGE2014_Stallman05_LQ.webm">SD</a>).</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
<!-- end fs section -->


<!-- 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 &copy; 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>