index.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <meta name="description" content="">
  7. <meta name="author" content="">
  8. <title>Algometic.com</title>
  9. <!-- Bootstrap core CSS -->
  10. <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  11. <!-- Custom styles for this template -->
  12. <link href="css/one-page-wonder.css" rel="stylesheet">
  13. </head>
  14. <script>
  15. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  16. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  17. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  18. })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  19. ga('create', 'UA-62093335-3', 'auto');
  20. ga('send', 'pageview');
  21. </script>
  22. <body>
  23. <!-- Navigation -->
  24. <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
  25. <a class="navbar-brand" href="#">On To The Next One</a>
  26. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
  27. <span class="navbar-toggler-icon"></span>
  28. </button>
  29. <div class="collapse navbar-collapse" id="navbarResponsive">
  30. <ul class="navbar-nav ml-auto">
  31. <li class="nav-item active">
  32. <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
  33. </li>
  34. <li class="nav-item">
  35. <a class="nav-link" href="#">About</a>
  36. </li>
  37. <li class="nav-item">
  38. <a class="nav-link" href="#">Resources</a>
  39. </li>
  40. <li class="nav-item">
  41. <a class="nav-link" href="#">Contact</a>
  42. </li>
  43. </ul>
  44. </div>
  45. </nav>
  46. <header class="masthead">
  47. <div class="overlay">
  48. <div class="container">
  49. <h1 class="display-1 text-white">Algometic Dot Com</h1>
  50. <h2 class="display-4 text-white">Where miracle happens</h2>
  51. </div>
  52. </div>
  53. </header>
  54. <section>
  55. <div class="container">
  56. <div class="row align-items-center">
  57. <div class="col-md-6 order-2">
  58. <div class="p-5">
  59. <img class="img-fluid rounded-circle" src="https://unsplash.it/500/500?image=182" alt="">
  60. </div>
  61. </div>
  62. <div class="col-md-6 order-1">
  63. <div class="p-5">
  64. <h2 class="display-4">Organisms are algorithms...</h2>
  65. <p>
  66. public static class Problem {
  67. <br>
  68. // constants for appliance types:
  69. <br>
  70. enum Appliance {REFRIGERATOR, MICROWAVE, TV, DVD};
  71. <br>
  72. // constants for problem types:
  73. <br>
  74. enum ProblemType {NOT_RUNNING, SMOKING, ON_FIRE,
  75. MAKES_NOISE};
  76. <br>
  77. // constants for environmental data:
  78. enum EnvironmentalDescription {CIRCUIT_BREAKER_OFF,
  79. LIGHTS_OFF_IN_ROOM};
  80. </p>
  81. </div>
  82. </div>
  83. </div>
  84. </div>
  85. </section>
  86. <section>
  87. <div class="container">
  88. <div class="row align-items-center">
  89. <div class="col-md-6">
  90. <div class="p-5">
  91. <img class="img-fluid rounded-circle" src="https://unsplash.it/500/500?image=500" alt="">
  92. </div>
  93. </div>
  94. <div class="col-md-6">
  95. <div class="p-5">
  96. <h2 class="display-4">The algorithms constituting a human are not free!</h2>
  97. <p>
  98. The future evolution of technology wherein data become more valuable than humans. Dataism goes beyond techno-humanism, which envisions technology making people smarter. Dataism implies that the data are more important and that without the data, people become helpless...
  99. </p>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. </section>
  105. <section>
  106. <div class="container">
  107. <div class="row align-items-center">
  108. <div class="col-md-6 order-2">
  109. <div class="p-5">
  110. <img class="img-fluid rounded-circle" src="https://unsplash.it/500/500?image=239" alt="">
  111. </div>
  112. </div>
  113. <div class="col-md-6 order-1">
  114. <div class="p-5">
  115. <h2 class="display-4">Let there be algorithm!</h2>
  116. <p>
  117. The Matrix is everywhere, it's all
  118. around us, here even in this room.
  119. You can see it out your window, or
  120. on your television. You feel it
  121. when you go to work, or go to
  122. church or pay your taxes. It is
  123. the world that has been pulled
  124. over your eyes to blind you from
  125. the truth.
  126. </p>
  127. </div>
  128. </div>
  129. </div>
  130. </div>
  131. </section>
  132. <!-- Footer -->
  133. <footer class="py-5 bg-dark">
  134. <div class="container">
  135. <p class="m-0 text-center text-white">Copyright &copy; cigarbar@gmx.com 2017</p>
  136. </div>
  137. <!-- /.container -->
  138. </footer>
  139. <!-- Bootstrap core JavaScript -->
  140. <script src="vendor/jquery/jquery.min.js"></script>
  141. <script src="vendor/popper/popper.min.js"></script>
  142. <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
  143. </body>
  144. </html>