index.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>Stackvee - Your tech stack</title>
  8. <meta name="description" content="The first tech stack as a service">
  9. <meta name="author" content="Eran Goldman-Malka">
  10. <link href="css/bootstrap.min.css" rel="stylesheet">
  11. <link href="css/style.css" rel="stylesheet">
  12. <link href="css/font-awesome.min.css" rel="stylesheet">
  13. </head>
  14. <body>
  15. <div class="container-fluid">
  16. <div class="row">
  17. <div class="col-md-12">
  18. <nav class="navbar navbar-expand-lg navbar-light bg-light">
  19. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  20. <span class="navbar-toggler-icon"></span>
  21. </button> <a class="navbar-brand" href="#">Stackvee</a>
  22. <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  23. <ul class="navbar-nav">
  24. <li class="nav-item active">
  25. <a class="nav-link" href="#">Link <span class="sr-only">(current)</span></a>
  26. </li>
  27. <li class="nav-item">
  28. <a class="nav-link" href="#">Link</a>
  29. </li>
  30. <li class="nav-item dropdown">
  31. <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown">Dropdown link</a>
  32. <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
  33. <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a>
  34. <div class="dropdown-divider">
  35. </div> <a class="dropdown-item" href="#">Separated link</a>
  36. </div>
  37. </li>
  38. </ul>
  39. <ul class="navbar-nav ml-md-auto">
  40. <li class="nav-item active">
  41. <a class="nav-link" href="#">Link <span class="sr-only">(current)</span></a>
  42. </li>
  43. <li class="nav-item dropdown">
  44. <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown">Dropdown link</a>
  45. <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
  46. <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a>
  47. <div class="dropdown-divider">
  48. </div> <a class="dropdown-item" href="#">Separated link</a>
  49. </div>
  50. </li>
  51. </ul>
  52. </div>
  53. </nav>
  54. <div class="jumbotron">
  55. <h2>
  56. Take control of your technical stack
  57. </h2>
  58. <p>
  59. Your startup data is spread between many suppliers, Email, Calendar, Messaging, Repositories and many more.<br>
  60. This mean that you don't control your servers, data, secrets and resources
  61. </p>
  62. <p>
  63. <a class="btn btn-primary btn-large" href="#">Take control on your resources</a>
  64. </p>
  65. </div>
  66. </div>
  67. </div>
  68. <div class="row">
  69. <div class="col-md-1">
  70. <a href="#" class="btn btn-success btn-product">
  71. More data<br>
  72. <i class="fa fa-chevron-circle-down fa-4x fa-align-center" aria-hidden="true"></i>
  73. </a>
  74. </div>
  75. <div class="col-md-8">
  76. <h2>Basic pack</h2>
  77. <p>Your own <b>Email server</b>, <b>Blog</b>, <b>Git server</b><br>
  78. This pack is when you are just the first 2 or 3 founders
  79. </p>
  80. </div>
  81. <div class="col-md-2">
  82. <h1>
  83. $50<span class="subscript">/mo</span>
  84. </h1>
  85. </div>
  86. <div class="col-md-1">
  87. <a href="#" class="btn btn-success btn-product"><i class="fa fa-shopping-cart fa-2x"></i> <br>Add 2 Cart</a>
  88. </div>
  89. </div>
  90. <div class="row d-none">
  91. <div class="col-md-12">
  92. </div>
  93. </div>
  94. <hr>
  95. <div class="row" >
  96. <div class="col-md-4">
  97. <h2>
  98. Heading
  99. </h2>
  100. <p>
  101. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
  102. </p>
  103. <p>
  104. <a class="btn" href="#">View details »</a>
  105. </p>
  106. </div>
  107. <div class="col-md-4">
  108. <h2>
  109. Heading
  110. </h2>
  111. <p>
  112. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
  113. </p>
  114. <p>
  115. <a class="btn" href="#">View details »</a>
  116. </p>
  117. </div>
  118. <div class="col-md-4">
  119. <h2>
  120. Heading
  121. </h2>
  122. <p>
  123. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
  124. </p>
  125. <p>
  126. <a class="btn" href="#">View details »</a>
  127. </p>
  128. </div>
  129. </div>
  130. </div>
  131. <script src="js/jquery.min.js"></script>
  132. <script src="js/tether.min.js"></script>
  133. <script src="js/bootstrap.min.js"></script>
  134. <script src="js/scripts.js"></script>
  135. </body>
  136. </html>