index.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>cisti &mdash; stai cisti</title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <meta name="description" content="radical, server, independent, organise" />
  9. <meta name="keywords" content="anarchism, server, Torino, hacklab, underscore" />
  10. <meta name="author" content="stocazzo" />
  11. <link rel="stylesheet" href="static/fonts/Inconsolata.otf:400,700" >
  12. <link rel="stylesheet" href="static/css/animate.css">
  13. <link rel="stylesheet" href="static/css/icomoon.css">
  14. <link rel="stylesheet" href="static/css/flexslider.css">
  15. <!--
  16. --!>
  17. <link rel="stylesheet" href="static/css/bootstrap.css">
  18. <link rel="stylesheet" href="static/css/style.css">
  19. <script src="static/js/modernizr-2.6.2.min.js"></script>
  20. </head>
  21. <body>
  22. <div class="cisti-loader"></div>
  23. <div id="page">
  24. <header id="cisti-header" class="cisti-cover js-fullheight" role="banner">
  25. <div class="overlay"></div>
  26. <div class="container">
  27. <div class="row">
  28. <div class="col-md-8 col-md-offset-2 text-center">
  29. <div class="display-t js-fullheight">
  30. <div class="display-tc js-fullheight animate-box" data-animate-effect="fadeIn">
  31. <img src="static/images/logo.svg" style="width: 55%; height: auto;"></br>
  32. <h3>cisti è fare qualcosa di nascosto</h3>
  33. <h3>cisti è fare qualcosa con attenzione</h3>
  34. <h3>cisti è fare qualcosa con passione</h3>
  35. <p>
  36. <a class="btn btn-primary btn-lg btn-demo" href="#cisti-features"></i> Esplora</a>
  37. <a href="info.html" class="btn btn-primary btn-lg btn-learn"> Informati </a>
  38. <a href="contatti.html" class="btn btn-primary btn-lg btn-learn"> Contatti </a>
  39. </p>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. </header>
  46. <div id="cisti-features">
  47. <div class="container">
  48. <div class="services-padding">
  49. <div class="row">
  50. <div class="col-md-4 animate-box">
  51. <div class="feature-left">
  52. <span class="icon">
  53. <i class="icon-clock"></i>
  54. </span>
  55. <div class="feature-copy">
  56. <h3>Gancio</h3>
  57. <p>Piattaforma radicale e calendario per creare e condividere eventi!</p>
  58. <p><a class="btn btn-feature" href="https://gancio.cisti.org">Vai su Gancio </a></p>
  59. </div>
  60. </div>
  61. </div>
  62. <div class="col-md-4 animate-box">
  63. <div class="feature-left">
  64. <span class="icon">
  65. <i class="icon-book-open"></i>
  66. </span>
  67. <div class="feature-copy">
  68. <h3>Mastodon</h3>
  69. <p>Social Indipendente radicale Antifascista, Antisessista e Antirazzista</p>
  70. <p><a class="btn btn-feature" href="https://mastodon.cisti.org" target="_blank"> Vai su Mastodon </a></p>
  71. </div>
  72. </div>
  73. </div>
  74. <div class="col-md-4 animate-box">
  75. <div class="feature-left">
  76. <span class="icon">
  77. <i class="icon"> </i>
  78. </span>
  79. <div class="feature-copy">
  80. <h3>Scrivi</h3>
  81. <p>Scrivi Collabora e Condividi testi in sicurezza con chi vuoi tu!</p>
  82. <p><a class="btn btn-feature" href="https://pad.cisti.org">Vai sul pad</a></p>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. </div>
  88. </div>
  89. </div>
  90. </div>
  91. <div class="gototop js-top">
  92. <a href="#" class="js-gotop"><i class="icon-arrow-up22"></i></a>
  93. </div>
  94. <!-- jQuery -->
  95. <script src="static/js/jquery.min.js"></script>
  96. <!-- jQuery Easing -->
  97. <script src="static/js/jquery.easing.1.3.js"></script>
  98. <!-- Bootstrap -->
  99. <script src="static/js/bootstrap.min.js"></script>
  100. <!-- Waypoints -->
  101. <script src="static/js/jquery.waypoints.min.js"></script>
  102. <!-- Flexslider -->
  103. <script src="static/js/jquery.flexslider-min.js"></script>
  104. <!-- Main -->
  105. <script src="static/js/main.js"></script>
  106. </body>
  107. </html>