awesome/index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" 	 content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Reference Site for Cassandra Users">
    <meta name="author"      content="Cedrick Lunven">
    <link rel="icon" 		 href="pics/awesome.png">
    <title>Awesome Cassandra</title>
    <link href="css/bootstrap.min.css" rel="stylesheet" />
    <link href="css/dashboard.css"     rel="stylesheet" />
    <link href="css/album.css"         rel="stylesheet" />
    <link rel="stylesheet" 			   href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
  </head>

  <body >
   <a class="github-fork-ribbon" 
      href="https://github.com/awesome-cassandra/awesome-cassandra.github.io" 
   	  data-ribbon="Fork me on GitHub" 
   	  title="Fork me on GitHub">Fork me on GitHub</a>
    <nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0">
      <a class="navbar-brand col-sm-3 col-md-2 mr-0" href="index.html">
        <img src="pics/awesome.svg" style="height:30px"/> Awesome Cassandra</a>
      <ul class="navbar-nav px-3">
        <li style="margin-right:120px">
        <a href="https://twitter.com/clunven?ref_src=twsrc%5Etfw" 
           class="twitter-follow-button"
           data-show-count="false">Follow @clunven</a>
        <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
        </li>
      </ul>
    </nav>

    <div class="container-fluid">
      <div class="row">
        <nav class="col-md-2 d-none d-md-block bg-light sidebar">
          <div class="sidebar-sticky">
            <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted" 
                style="border-bottom:1px solid #0000AA;padding-bottom:5px">
               <span style="color:#0000AA"><span data-feather="home"></span> &nbsp;REFERENCES</span>
            </h6>
            <ul class="nav flex-column">
              <li class="nav-item">
                <a class="nav-link menu1" href="references-tools.html">
                  <span data-feather="tool"></span>
                  Tooling and Libraries
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link menu1" href="references-questions.html">
                  <span data-feather="help-circle"></span>
                  Questions and Forums
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link menu1" href="references-tutos.html">
                  <span data-feather="pen-tool"></span>
                  Tutorials and Learning
                </a>
              </li>
           
            <li class="nav-item">
                <a class="nav-link menu1" href="references-codes.html">
                  <span data-feather="code"></span>
                  Sample Codes
                </a>
              </li>
           </ul>
            
            <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted"
              style="border-bottom:1px solid #AA0000;padding-bottom:5px">
               <span style="color:#AA0000"><span data-feather="youtube"></span> &nbsp;MEDIAS</span>
            </h6>
            <ul class="nav flex-column mb-2">
             <li class="nav-item">
                <a class="nav-link menu2" href="medias-docs.html" >
                  <span data-feather="file-text"></span>
                  Documentations
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link menu2" href="medias-blogs.html">
                  <span data-feather="rss"></span>
                  Technical Blogs
                </a>
              </li>
               <li class="nav-item">
                <a class="nav-link menu2" href="medias-books.html">
                  <span data-feather="book"></span>
                  Books
                </a>
              </li>
               <li class="nav-item">
                <a class="nav-link menu2" href="medias-podcasts.html">
                  <span data-feather="cast"></span>
                  Podcasts
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link menu2" href="medias-videos.html">
                  <span data-feather="video"></span>
                  Videos Conferences
                </a>
              </li>
              </ul>

            <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted"
              style="border-bottom:1px solid #00AA00;padding-bottom:5px">
               <span style="color:#00AA00"><span data-feather="star"></span> &nbsp;CURATED ARTICLES</span>
            </h6>
            <ul class="nav flex-column mb-2">
               <li class="nav-item">
                <a class="nav-link menu3" href="articles-design.html">
                  <span data-feather="database"></span>
                  Design &amp; Data Model
                </a>
              </li><li class="nav-item">
                <a class="nav-link menu3" href="articles-dev.html">
                  <span data-feather="git-pull-request"></span>
                  Developments
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link menu3" href="articles-ops.html">
                  <span data-feather="terminal"></span>
                  Operations &amp; Maintenance
                </a>
              </li>
            </ul>
            <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted"
              style="border-bottom:1px solid #AA00AA;padding-bottom:5px">
               <span style="color:#AA00AA"><span data-feather="bookmark"></span> &nbsp;Miscellaneous</span>
            </h6>
            <ul class="nav flex-column">
              <li class="nav-item">
                <a class="nav-link menu4" href="misc-distributions.html">
                  <span data-feather="package" ></span>
                  Cassandra Distributions
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link menu4" href="misc-solutions.html">
                  <span data-feather="layers" ></span>
                 Solutions and Apps 
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link menu4" href="misc-aggregator.html" >
                  <span data-feather="external-link" ></span>
                  Extra Resources
                </a>
              </li>
             </ul>
          </div>
        </nav>
		<!-- END MENU -->
		
        <main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
          
          
      <section class="jumbotron text-center" >
        <div class="container">
          <img src="pics/awesome.svg" 		  style="height:250px" />
          <img src="pics/logo-cassandra.jpeg" style="height:250px;float:right"/>
          <h1 class="jumbotron-heading" style="color:blue">Awesome <b>Apache Cassandra</b><SUP>TM</SUP></h1>
          <p class="lead text-muted">In the pure tradition of Awesome this an initiative to collect 
          all materials relevant for Apache Cassandra users and learners.</p>
          <p>
            <a href="references-tutos.html" class="btn btn-primary my-2">I want to learn</a>
            <a href="references-tools.html" class="btn btn-secondary my-2">Show me the money</a>
          </p>
        </div>
      </section>
          
        </main>
      </div>
    </div>

    <script src="js/bootstrap.min.js"></script>

    <!-- Icons -->
    <script src="js/feather.min.js"></script>
    <script>
      feather.replace()
    </script>
  </body>
</html>