Home Verkennen Help
Registreren Inloggen
Eran
/
stackveeTemplate
1
0
Vork 0
Bestanden Issues 0 Pull-aanvragen 0 Wiki
Aftakking: master
Aftakkingen Labels
stackveeTemp...
/
new
/
index.html

index.html 27 KB
Permalink Geschiedenis Ruwe

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3.   <head>
    4. 

  4.     <meta charset="utf-8">
    5. 

  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    6. 

  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
    7. 

  7. 

  8.     <title>Stackvee</title>
    9. 

  9. 

  10.     <meta name="description" content="Source code generated using layoutit.com">
    11. 

  11.     <meta name="author" content="LayoutIt!">
    12. 

  12. 

  13.     <link href="css/bootstrap.min.css" rel="stylesheet">
    14. 

  14.     <link href="css/style.css" rel="stylesheet">
    15. 

  15. 

  16.   </head>
    17. 

  17.   <body>
    18. 

  18. 

  19.     <div class="container-fluid">
    20. 

  20. 	<div class="row top15">
    21. 

  21. 		<div class="col-md-12">
    22. 

  22. 			<nav class="main-navigation">
    23. 

  23. 		         <div class="navbar-header animated fadeInUp">
    24. 

  24. 		             <a class="navbar-brand" href="#">Stackvee</a>
    25. 

  25. 		         </div>
    26. 

  26. 		         <ul class="nav-list">
    27. 

  27. 		             <li class="nav-list-item">
    28. 

  28. 		                 <a href="https://app.stackvee.com" class="nav-link">Users login</a>
    29. 

  29. 		             </li>
    30. 

  30. 		         </ul>
    31. 

  31. 

  32. 		     </nav>
    33. 

  33. 		</div>
    34. 

  34. 	</div>
    35. 

  35. 

  36. 	<div class="row top30">
    37. 

  37. 		<div class="col-md-12">
    38. 

  38. 	<div class="jumbotron jumbotron-fluid">
    39. 

  39.   <div class="container">
    40. 

  40.     <h1 class="display-4">Stackvee - Smart your tech stack</h1>
    41. 

  41.     <p class="lead">Your start-up is your baby, and it deserves the best care possible<br>
    42. 

  42.       We at Stackvee believe that you as a CEO should focus on the big picture - after all,
    43. 

  43.       in order to grow and develop to its full potential, your start-up needs your full attention.<br>
    44. 

  44.       Our expert team has tested countless different tools and technical stacks in order to provide you with the best tools
    45. 

  45.       to drive value and streamline your work, saving you the time and trouble of going through all the options availble.<br>
    46. 

  46.       We believe in our work so much that our experts will gladly work with you to tailor the best experience for you - for free!<br>
    47. 

  47.       You are at the center of our attention, and get:
    48. 

  48.       <ul>
    49. 

  49.           <li>A <b>tech stack/<b> tailored to provide you with the best solution for you</li>
    50. 

  50.           <li><b>Privacy</b> like no other - your data is yours and yours only!</li>
    51. 

  51.           <li><b>No Ads</b></li>
    52. 

  52.           <li>Full <b>GDPR</b> compliancy</li>
    53. 

  53.           <li><b>A 30% lifetime discount until the end of the month only!</b></li>
    54. 

  54.           <li>As little as 50$ per month for 15 employees!</li>
    55. 

  55.       </ul> <br>
    56. 

  56.       You deserve the freedom to drive your business forward at full power - and we got your back
    57. 

  57. 		</p>
    58. 

  58.   </div>
    59. 

  59. </div>
    60. 

  60. </div>
    61. 

  61. </div>
    62. 

  62. <div class="row top30">
    63. 

  63. 

  64. 		<div class="col-md-12">
    65. 

  65.       <!-- Acordion -->
    66. 

  66.       <!--Accordion wrapper-->
    67. 

  67. <div class="accordion md-accordion accordion-1" id="accordionEx23" role="tablist">
    68. 

  68.   <div class="card">
    69. 

  69.     <div class="card-header blue lighten-3 z-depth-1" role="tab" id="heading96">
    70. 

  70. 			<div class="row">
    71. 

  71. 				<div class="col-md-8 col-sm-6 col-xs-6">
    72. 

  72. 						<a class="white-text font-weight-bold white-text" data-toggle="collapse" href="#starter_pack" aria-expanded="true" aria-controls="starter_pack">
    73. 

  73. 		      <h5 class="text-uppercase">
    74. 

  74. 					<i class="fas fa-chevron-circle-down"></i>
    75. 

  75. 		          Start
    76. 

  76. 		      </h5>
    77. 

  77. 					</a>
    78. 

  78. 				</div>
    79. 

  79. 

  80. 			<div class="col-md-2 col-sm-2 col-xs-2 price float-right">
    81. 

  81. 				<h3 style="margin:5px auto;">$<span class="price">For only 50</span> <small> (domain included) you get:</small></h3>
    82. 

  82. 

  83. 			</div>
    84. 

  84. 

  85. 			<div class="col-md-2 col-sm-4 col-xs-4">
    86. 

  86. 				<a href="#" class="btn btn-success btn-product btn-block float-right"><i class="fas fa-cart-plus"></i> Add to cart</a>
    87. 

  87. 			</div>
    88. 

  88. 		</div>
    89. 

  89.     </div>
    90. 

  90.     <div id="starter_pack" class="collapse" role="tabpanel" aria-labelledby="heading96" data-parent="#accordionEx23">
    91. 

  91.       <div class="card-body">
    92. 

  92.         <div class="row my-4">
    93. 

  93. 

  94. 					<!-- starter_pack description - web server -->
    95. 

  95. 

  96. 							<div class="col-md-2 col-sm-6 col-xs-6 justify-content-center">
    97. 

  97. 									<i class="fab fa-wordpress-simple fa-9x"></i>
    98. 

  98. 							</div>
    99. 

  99. 							<div class="col-md-4 col-sm-6 col-xs-6">
    100. 

  100. 									<h4>Website, blog, and app server</h4>
    101. 

  101. 									<h4 class="subheading">Your own private, fully managed servers</h4>
    102. 

  102. 							<p class="text-muted"> This pack includes a wordpress blog, a website, and app server<br>
    103. 

  103.                 which you can update whenever you wish - Just push the code to the site repository!<br>
    104. 

  104. 								Add our Deploy pack to deploy your app with CI/CD.<br>
    105. 

  105. 							</p>
    106. 

  106. 							</div>
    107. 

  107. 

  108. 					<!-- # starter_pack description -->
    109. 

  109. 

  110. 					<!-- comparison table -->
    111. 

  111. 					<div class="col-md-6 col-sm-12 col-xs-12">
    112. 

  112. 					<div class="container mb-8 mt-2">
    113. 

  113. 					    <div class="pricing card-deck flex-column flex-md-row mb-6">
    114. 

  114. 					        <div class="card card-pricing text-center px-3 mb-5">
    115. 

  115. 					            <span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Stackvee - hosting service</span>
    116. 

  116. 					            <div class="bg-transparent card-header pt-4 border-0">
    117. 

  117. 					                <h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="50">$<span class="price">50</span><span class="h6 text-muted ml-2">/ starter pack</span></h1>
    118. 

  118. 					            </div>
    119. 

  119. 					            <div class="card-body pt-0">
    120. 

  120. 					                <ul class="list-unstyled mb-4">
    121. 

  121. 					                    <li>Auto deploy from repo to Website</li>
    122. 

  122. 					                    <li>1TB Bandwidth </li>
    123. 

  123. 					                    <li>20GB Storage</li>
    124. 

  124. 					                    <li><b>No ads</b></li>
    125. 

  125. 					                    <li>Free cancelation</li>
    126. 

  126. 					                </ul>
    127. 

  127. 					                <button type="button" class="btn btn-success mb-3">Add 2 Cart</button>
    128. 

  128. 					            </div>
    129. 

  129. 					        </div>
    130. 

  130. 					        <div class="card card-pricing popular shadow text-center px-3 mb-4">
    131. 

  131. 					            <span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Wix</span>
    132. 

  132. 					            <div class="bg-transparent card-header pt-4 border-0">
    133. 

  133. 					                <h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="30">€<span class="price">25</span><span class="h6 text-muted ml-2">/ per month</span></h1>
    134. 

  134. 					            </div>
    135. 

  135. 					            <div class="card-body pt-0">
    136. 

  136. 					                <ul class="list-unstyled mb-4">
    137. 

  137. 					                    <li>35GB Storage</li>
    138. 

  138. 					                    <li>Google Analytics</li>
    139. 

  139. 					                    <li>Vendor lock</li>
    140. 

  140. 					                    <li>yearly subscriptions, paid in full at the time of purchase</li>
    141. 

  141. 					                </ul>
    142. 

  142. 					                <a href="https://www.wix.com/upgrade/website" target="_blank" class="btn btn-outline-secondary mb-3">Go to Wix</a>
    143. 

  143. 					            </div>
    144. 

  144. 					        </div>
    145. 

  145. 					        <div class="card card-pricing text-center px-3 mb-4">
    146. 

  146. 					            <span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">WordPress.com</span>
    147. 

  147. 					            <div class="bg-transparent card-header pt-4 border-0">
    148. 

  148. 					                <h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="45">€<span class="price">25</span><span class="h6 text-muted ml-2">/ per month</span></h1>
    149. 

  149. 					            </div>
    150. 

  150. 					            <div class="card-body pt-0">
    151. 

  151. 					                <ul class="list-unstyled mb-4">
    152. 

  152. 					                    <li>annual commitment - billed yearly</li>
    153. 

  153. 					                    <li>WordPress.com Branding</li>
    154. 

  154. 					                    <li>Google Analytics Integration</li>
    155. 

  155. 					                </ul>
    156. 

  156. 					                <a href="https://wordpress.com/pricing/" target="_blank" class="btn btn-outline-secondary mb-3">Go to Microsoft</a>
    157. 

  157. 					            </div>
    158. 

  158. 					        </div>
    159. 

  159. 					    </div>
    160. 

  160. 					</div>
    161. 

  161. 				</div>
    162. 

  162. 

  163. 				<!-- # comparison table -->
    164. 

  164. 			</div>
    165. 

  165. 			<hr class="my-4">
    166. 

  166. <div class="row my-4 top15">
    167. 

  167. <!-- # web server -->
    168. 

  168. 						<!-- starter_pack description - Git server-->
    169. 

  169. 

  170. 								<div class="col-md-2 col-sm-6 col-xs-6">
    171. 

  171. 										<i class="fab fa-git-square fa-9x"></i>
    172. 

  172. 								</div>
    173. 

  173. 								<div class="col-md-4 col-sm-6 col-xs-6">
    174. 

  174. 										<h4>Your repositories, Your code</h4>
    175. 

  175. 										<h4 class="subheading">On your private fully managed servers</h4>
    176. 

  176. 								<p class="text-muted">
    177. 

  177. 									Git management server.<br>
    178. 

  178. 								</p>
    179. 

  179. 								</div>
    180. 

  180. 

  181. 						<!-- # starter_pack description -->
    182. 

  182. 

  183. 						<!-- comparison table -->
    184. 

  184. 						<div class="col-md-6 col-sm-12 col-xs-12">
    185. 

  185. 						<div class="container mb-8 mt-2">
    186. 

  186. 						    <div class="pricing card-deck flex-column flex-md-row mb-6">
    187. 

  187. 						        <div class="card card-pricing text-center px-3 mb-5">
    188. 

  188. 						            <span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Stackvee - git service</span>
    189. 

  189. 												<h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="50">$<span class="price">50</span><span class="h6 text-muted ml-2">/ starter pack</span></h1>
    190. 

  190. 						            <div class="bg-transparent card-header pt-4 border-0">
    191. 

  191. 						            </div>
    192. 

  192. 						            <div class="card-body pt-0">
    193. 

  193. 						                <ul class="list-unstyled mb-4">
    194. 

  194. 															  <li>Unlimited public repositories</li>
    195. 

  195. 						                    <li>Unlimited private repositories</li>
    196. 

  196. 						                    <li>Team access controls</li>
    197. 

  197. 						                    <li>Issues and bug tracking</li>
    198. 

  198. 						                    <li>Free cancelation</li>
    199. 

  199. 						                </ul>
    200. 

  200. 						                <button type="button" class="btn btn-success mb-3">Add 2 Cart</button>
    201. 

  201. 						            </div>
    202. 

  202. 						        </div>
    203. 

  203. 						        <div class="card card-pricing popular shadow text-center px-3 mb-4">
    204. 

  204. 						            <span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Github</span>
    205. 

  205. 												<h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="30">$<span class="price">9</span><span class="h6 text-muted ml-2">/ per user</span></h1>
    206. 

  206. 						            <div class="bg-transparent card-header pt-4 border-0">
    207. 

  207. 						            </div>
    208. 

  208. 						            <div class="card-body pt-0">
    209. 

  209. 						                <ul class="list-unstyled mb-4">
    210. 

  210. 						                    <li>Minimum 5 users</li>
    211. 

  211. 						                    <li>No webhooks</li>
    212. 

  212. 						                    <li>Team access controls</li>
    213. 

  213. 						                    <li>Issues and bug tracking</li>
    214. 

  214. 						                    <li>Backed by Microsoft</li>
    215. 

  215. 						                </ul>
    216. 

  216. 						                <a href="https://github.com/pricing" target="_blank" class="btn btn-outline-secondary mb-3">Go to Github</a>
    217. 

  217. 						            </div>
    218. 

  218. 						        </div>
    219. 

  219. 						        <div class="card card-pricing text-center px-3 mb-4">
    220. 

  220. 						            <span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Bitbucket</span>
    221. 

  221. 						            <div class="bg-transparent card-header pt-4 border-0">
    222. 

  222. 						                <h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="45">$<span class="price">5</span><span class="h6 text-muted ml-2">/ per user</span></h1>
    223. 

  223. 						            </div>
    224. 

  224. 						            <div class="card-body pt-0">
    225. 

  225. 						                <ul class="list-unstyled mb-4">
    226. 

  226. 						                    <li>Minimum 5 users</li>
    227. 

  227. 						                    <li>10GB Storage</li>
    228. 

  228. 						                    <li>Team access controls</li>
    229. 

  229. 						                    <li>Issues and bug tracking</li>
    230. 

  230. 						                </ul>
    231. 

  231. 						                <a href="https://products.office.com/en-us/business/small-business-solutions#office-ContentAreaHeadingTemplate-1cuvapm" target="_blank" class="btn btn-outline-secondary mb-3">Go to Microsoft</a>
    232. 

  232. 						            </div>
    233. 

  233. 						        </div>
    234. 

  234. 						    </div>
    235. 

  235. 						</div>
    236. 

  236. 					</div>
    237. 

  237. 						<!-- # comparison table -->
    238. 

  238. <!-- # Git server -->
    239. 

  239. </div>
    240. 

  240. <hr class="my-4">
    241. 

  241. <div class="row my-4 top15">
    242. 

  242. 					<!-- starter_pack description - email -->
    243. 

  243. 

  244. 							<div class="col-md-2 col-sm-6 col-xs-6">
    245. 

  245. 									<i class="fas fa-mail-bulk fa-9x"></i>
    246. 

  246. 							</div>
    247. 

  247. 							<div class="col-md-4 col-sm-6 col-xs-6">
    248. 

  248. 									<h4>Our self hosted email service</h4>
    249. 

  249. 									<h4 class="subheading">On your private fully managed servers</h4>
    250. 

  250. 							<p class="text-muted">Our server includes: spam filtering, greylisting, backups, and free TLS (SSL) certificates. <br>
    251. 

  251. 								We implements modern mail protocols (SPF, DKIM, and DMARC) and the latest security best practices,<br>
    252. 

  252. 								including opportunistic TLS, strong ciphers, and HSTS. <br>
    253. 

  253. 								The highest level of protection against active attacks. <br>
    254. 

  254. 								Exchange ActiveSync is also available for beta testers.</p>
    255. 

  255. 							</div>
    256. 

  256. 

  257. 					<!-- # starter_pack description -->
    258. 

  258. 

  259. 					<!-- comparison table -->
    260. 

  260. 					<div class="col-md-6 col-sm-12 col-xs-12">
    261. 

  261. 					<div class="container mb-8 mt-2">
    262. 

  262. 					    <div class="pricing card-deck flex-column flex-md-row mb-6">
    263. 

  263. 					        <div class="card card-pricing text-center px-3 mb-5">
    264. 

  264. 					            <span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Stackvee - email service</span>
    265. 

  265. 					            <div class="bg-transparent card-header pt-4 border-0">
    266. 

  266. 					                <h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="50">$<span class="price">50</span><span class="h6 text-muted ml-2">/ starter pack</span></h1>
    267. 

  267. 					            </div>
    268. 

  268. 					            <div class="card-body pt-0">
    269. 

  269. 					                <ul class="list-unstyled mb-4">
    270. 

  270. 														  <li>up to 15 users</li>
    271. 

  271. 					                    <li>Your data / Your servers</li>
    272. 

  272. 					                    <li>Not extra cost</li>
    273. 

  273. 					                    <li>Monthly updates</li>
    274. 

  274. 					                    <li><b>No ad-tracking in you emails</b></li>
    275. 

  275. 					                    <li>Free cancelation</li>
    276. 

  276. 					                </ul>
    277. 

  277. 					                <button type="button" class="btn btn-success mb-3">Add 2 Cart</button>
    278. 

  278. 					            </div>
    279. 

  279. 					        </div>
    280. 

  280. 					        <div class="card card-pricing popular shadow text-center px-3 mb-4">
    281. 

  281. 					            <span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Gmail</span>
    282. 

  282. 					            <div class="bg-transparent card-header pt-4 border-0">
    283. 

  283. 					                <h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="30">$<span class="price">12</span><span class="h6 text-muted ml-2">/ per user</span></h1>
    284. 

  284. 					            </div>
    285. 

  285. 					            <div class="card-body pt-0">
    286. 

  286. 					                <ul class="list-unstyled mb-4">
    287. 

  287. 					                    <li>Minimum 5 users</li>
    288. 

  288. 					                    <li>2-week free trial of G Suite</li>
    289. 

  289. 					                    <li>Vendor lock</li>
    290. 

  290. 					                    <li>Integrated ad-tracking</li>
    291. 

  291. 					                </ul>
    292. 

  292. 					                <a href="https://suitebriar.com/blog/gmail-for-business-pricing" target="_blank" class="btn btn-outline-secondary mb-3">Go to Gmail</a>
    293. 

  293. 					            </div>
    294. 

  294. 					        </div>
    295. 

  295. 					        <div class="card card-pricing text-center px-3 mb-4">
    296. 

  296. 					            <span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Microsoft</span>
    297. 

  297. 					            <div class="bg-transparent card-header pt-4 border-0">
    298. 

  298. 					                <h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="45">$<span class="price">12.50</span><span class="h6 text-muted ml-2">/ per user</span></h1>
    299. 

  299. 					            </div>
    300. 

  300. 					            <div class="card-body pt-0">
    301. 

  301. 					                <ul class="list-unstyled mb-4">
    302. 

  302. 					                    <li>annual commitment</li>
    303. 

  303. 					                    <li>Free descktop Office apps</li>
    304. 

  304. 					                    <li>Exchange Online Protection</li>
    305. 

  305. 					                    <li>Backed by Microsoft</li>
    306. 

  306. 					                </ul>
    307. 

  307. 					                <a href="https://products.office.com/en-us/business/small-business-solutions#office-ContentAreaHeadingTemplate-1cuvapm" target="_blank" class="btn btn-outline-secondary mb-3">Go to Microsoft</a>
    308. 

  308. 					            </div>
    309. 

  309. 					        </div>
    310. 

  310. 					    </div>
    311. 

  311. 					</div>
    312. 

  312. 				</div>
    313. 

  313. 					<!-- # comparison table -->
    314. 

  314. 

  315.         </div>
    316. 

  316.       </div>
    317. 

  317.     </div>
    318. 

  318.   </div>
    319. 

  319. 

  320. 

  321. <!-- ======================  communication pack -->
    322. 

  322. 

  323. <div class="card">
    324. 

  324. 	<div class="card-header blue lighten-3 z-depth-1" role="tab" id="heading96">
    325. 

  325. 		<div class="row">
    326. 

  326. 			<div class="col-md-8 col-sm-6 col-xs-6">
    327. 

  327. 					<a class="white-text font-weight-bold white-text" data-toggle="collapse" href="#communication_pack" aria-expanded="true" aria-controls="communication_pack">
    328. 

  328. 				<h5 class="text-uppercase">
    329. 

  329. 				<i class="fas fa-chevron-circle-down"></i>
    330. 

  330. 						Communicate
    331. 

  331. 				</h5>
    332. 

  332. 				</a>
    333. 

  333. 			</div>
    334. 

  334. 

  335. 		<div class="col-md-2 col-sm-2 col-xs-2 price float-right">
    336. 

  336. 			<h3 style="margin:5px auto;">$<span class="price">25</span></h3>
    337. 

  337. 

  338. 		</div>
    339. 

  339. 

  340. 		<div class="col-md-2 col-sm-4 col-xs-4">
    341. 

  341. 			<a href="#" class="btn btn-success btn-product btn-block float-right"><i class="fas fa-cart-plus"></i> Add 2 Cart</a>
    342. 

  342. 		</div>
    343. 

  343. 	</div>
    344. 

  344. 	</div>
    345. 

  345. 	<div id="communication_pack" class="collapse" role="tabpanel" aria-labelledby="heading96" data-parent="#accordionEx23">
    346. 

  346. 		<div class="card-body">
    347. 

  347. 			<div class="row my-4">
    348. 

  348. 

  349. 				<!-- communication_pack description - web server -->
    350. 

  350. 

  351. 						<div class="col-md-2 col-sm-6 col-xs-6 justify-content-center">
    352. 

  352. 							<i class="far fa-comments fa-9x"></i>
    353. 

  353. 						</div>
    354. 

  354. 						<div class="col-md-4 col-sm-6 col-xs-6">
    355. 

  355. 								<h4>Communicate efficently with your team</h4>
    356. 

  356. 								<h4 class="subheading">On your private fully managed servers</h4>
    357. 

  357. 						<p class="text-muted">Your wordpress blog, web site, and app server<br>
    358. 

  358. 							Update the website buy just pushing the code to the site repository<br>
    359. 

  359. 							Deploy your app with CI/CD (Require deploy server pack).<br>
    360. 

  360. 						</p>
    361. 

  361. 						</div>
    362. 

  362. 

  363. 				<!-- # communication_pack description -->
    364. 

  364. 

  365. 				<!-- comparison table -->
    366. 

  366. 				<div class="col-md-6 col-sm-12 col-xs-12">
    367. 

  367. 				<div class="container mb-8 mt-2">
    368. 

  368. 						<div class="pricing card-deck flex-column flex-md-row mb-6">
    369. 

  369. 								<div class="card card-pricing text-center px-3 mb-5">
    370. 

  370. 										<span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Stackvee - Communication service</span>
    371. 

  371. 										<div class="bg-transparent card-header pt-4 border-0">
    372. 

  372. 												<h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="50">$<span class="price">25</span><span class="h6 text-muted ml-2">/ starter pack</span></h1>
    373. 

  373. 										</div>
    374. 

  374. 										<div class="card-body pt-0">
    375. 

  375. 												<ul class="list-unstyled mb-4">
    376. 

  376. 														<li>Organized conversations in teams and channels</li>
    377. 

  377. 														<li>Fully searchable message history</li>
    378. 

  378. 														<li>1-on-1 and group messaging</li>
    379. 

  379. 														<li>Voice, video, and screen sharing</li>
    380. 

  380. 														<li>File, image, and link sharing</li>
    381. 

  381. 														<li>Emoji and rich Markdown formatting</li>
    382. 

  382. 														<li>Multi-language support </li></li>
    383. 

  383. 														<li>Custom desktop, email, and mobile notifications</li>
    384. 

  384. 														<li>Keyword mention alerts</li>
    385. 

  385. 														<li>Free cancelation</li>
    386. 

  386. 												</ul>
    387. 

  387. 												<button type="button" class="btn btn-success mb-3">Add 2 Cart</button>
    388. 

  388. 										</div>
    389. 

  389. 								</div>
    390. 

  390. 								<div class="card card-pricing popular shadow text-center px-3 mb-4">
    391. 

  391. 										<span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Slack</span>
    392. 

  392. 										<div class="bg-transparent card-header pt-4 border-0">
    393. 

  393. 												<h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="30">€<span class="price">11.75</span><span class="h6 text-muted ml-2">/ per month</span></h1>
    394. 

  394. 										</div>
    395. 

  395. 										<div class="card-body pt-0">
    396. 

  396. 												<ul class="list-unstyled mb-4">
    397. 

  397. 														<li>annual commitment - billed yearly</li>
    398. 

  398. 														<li>Vendor lock</li>
    399. 

  399. 														<li>Unlimited workspaces</li>
    400. 

  400. 												</ul>
    401. 

  401. 												<a href="https://zvwxrp.slack.com/plans" target="_blank" class="btn btn-outline-secondary mb-3">Go to Slack</a>
    402. 

  402. 										</div>
    403. 

  403. 								</div>
    404. 

  404. 								<div class="card card-pricing text-center px-3 mb-4">
    405. 

  405. 										<span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Teams</span>
    406. 

  406. 										<div class="bg-transparent card-header pt-4 border-0">
    407. 

  407. 												<h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="45">$<span class="price">12.50</span><span class="h6 text-muted ml-2">/ per month</span></h1>
    408. 

  408. 										</div>
    409. 

  409. 										<div class="card-body pt-0">
    410. 

  410. 												<ul class="list-unstyled mb-4">
    411. 

  411. 														<li>annual commitment - billed yearly</li>
    412. 

  412. 														<li>Integrate with Microsoft products</li>
    413. 

  413. 														<li>Backed by Microsoft</li>
    414. 

  414. 												</ul>
    415. 

  415. 												<a href="https://wordpress.com/pricing/" target="_blank" class="btn btn-outline-secondary mb-3">Go to Microsoft</a>
    416. 

  416. 										</div>
    417. 

  417. 								</div>
    418. 

  418. 						</div>
    419. 

  419. 				</div>
    420. 

  420. 			</div>
    421. 

  421. 

  422. 			<!-- # comparison table -->
    423. 

  423. 		</div>
    424. 

  424. 

  425. 		</div>
    426. 

  426. 	</div>
    427. 

  427. </div>
    428. 

  428. 

  429. 

  430. 

  431. <!-- ======================  Agile pack -->
    432. 

  432. 

  433. <div class="card">
    434. 

  434. 	<div class="card-header blue lighten-3 z-depth-1" role="tab" id="heading96">
    435. 

  435. 		<div class="row">
    436. 

  436. 			<div class="col-md-8 col-sm-6 col-xs-6">
    437. 

  437. 					<a class="white-text font-weight-bold white-text" data-toggle="collapse" href="#agile_pack" aria-expanded="true" aria-controls="agile_pack">
    438. 

  438. 				<h5 class="text-uppercase">
    439. 

  439. 				<i class="fas fa-chevron-circle-down"></i>
    440. 

  440. 						Agile
    441. 

  441. 				</h5>
    442. 

  442. 				</a>
    443. 

  443. 			</div>
    444. 

  444. 

  445. 		<div class="col-md-2 col-sm-2 col-xs-2 price float-right">
    446. 

  446. 			<h3 style="margin:5px auto;">$<span class="price">25</span></h3>
    447. 

  447. 

  448. 		</div>
    449. 

  449. 

  450. 		<div class="col-md-2 col-sm-4 col-xs-4">
    451. 

  451. 			<a href="#" class="btn btn-success btn-product btn-block float-right"><i class="fas fa-cart-plus"></i> Add 2 Cart</a>
    452. 

  452. 		</div>
    453. 

  453. 	</div>
    454. 

  454. 	</div>
    455. 

  455. 	<div id="agile_pack" class="collapse" role="tabpanel" aria-labelledby="heading96" data-parent="#accordionEx23">
    456. 

  456. 		<div class="card-body">
    457. 

  457. 			<div class="row my-4">
    458. 

  458. 

  459. 				<!-- agile_pack description - web server -->
    460. 

  460. 

  461. 						<div class="col-md-2 col-sm-6 col-xs-6 justify-content-center">
    462. 

  462. 							<i class="fas fa-chalkboard-teacher fa-9x"></i>
    463. 

  463. 						</div>
    464. 

  464. 						<div class="col-md-4 col-sm-6 col-xs-6">
    465. 

  465. 								<h4>Manage your projects smartly</h4>
    466. 

  466. 								<h4 class="subheading">On your private fully managed servers</h4>
    467. 

  467. 						<p class="text-muted">flexible project management application.<br>
    468. 

  468. 							That can fit in to any company and projects
    469. 

  469. 						</p>
    470. 

  470. 						</div>
    471. 

  471. 

  472. 				<!-- # agile_pack description -->
    473. 

  473. 

  474. 				<!-- comparison table -->
    475. 

  475. 				<div class="col-md-6 col-sm-12 col-xs-12">
    476. 

  476. 				<div class="container mb-8 mt-2">
    477. 

  477. 						<div class="pricing card-deck flex-column flex-md-row mb-6">
    478. 

  478. 								<div class="card card-pricing text-center px-3 mb-5">
    479. 

  479. 										<span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Stackvee - agile service</span>
    480. 

  480. 										<div class="bg-transparent card-header pt-4 border-0">
    481. 

  481. 												<h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="50">$<span class="price">25</span><span class="h6 text-muted ml-2">/ starter pack</span></h1>
    482. 

  482. 										</div>
    483. 

  483. 										<div class="card-body pt-0">
    484. 

  484. 												<ul class="list-unstyled mb-4">
    485. 

  485. 														<li>Kanban and Scrum boards</li>
    486. 

  486. 														<li>Multiple projects support</li>
    487. 

  487. 														<li>Flexible role based access control</li>
    488. 

  488. 														<li>Flexible issue tracking system</li>
    489. 

  489. 														<li>Gantt chart and calendar</li>
    490. 

  490. 														<li>News, documents & files management</li>
    491. 

  491. 														<li>Feeds & email notifications</li>
    492. 

  492. 														<li>Per project wiki</li>
    493. 

  493. 														<li>Per project forums</li>
    494. 

  494. 														<li>Time tracking</li>
    495. 

  495. 														<li>SCM integration (SVN, CVS, Git, Mercurial and Bazaar)</li>
    496. 

  496. 														<li>Issue creation via email</li>
    497. 

  497. 														<li>Free cancelation</li>
    498. 

  498. 												</ul>
    499. 

  499. 												<button type="button" class="btn btn-success mb-3">Add 2 Cart</button>
    500. 

  500. 										</div>
    501. 

  501. 								</div>
    502. 

  502. 								<div class="card card-pricing popular shadow text-center px-3 mb-4">
    503. 

  503. 										<span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Jira</span>
    504. 

  504. 										<div class="bg-transparent card-header pt-4 border-0">
    505. 

  505. 												<h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="30">$<span class="price">7</span><span class="h6 text-muted ml-2">/ per user</span></h1>
    506. 

  506. 										</div>
    507. 

  507. 										<div class="card-body pt-0">
    508. 

  508. 												<ul class="list-unstyled mb-4">
    509. 

  509. 														<li>First 10 users for 10$</li>
    510. 

  510. 														<li>7 days free trial</li>
    511. 

  511. 														<li>Kanban and Scrum boards</li>
    512. 

  512. 												</ul>
    513. 

  513. 												<a href="https://www.atlassian.com/software/jira/pricing#pricing-calculator" target="_blank" class="btn btn-outline-secondary mb-3">Go to Jira</a>
    514. 

  514. 										</div>
    515. 

  515. 								</div>
    516. 

  516. 								<div class="card card-pricing text-center px-3 mb-4">
    517. 

  517. 										<span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Trello</span>
    518. 

  518. 										<div class="bg-transparent card-header pt-4 border-0">
    519. 

  519. 												<h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="45">$<span class="price">9.99</span><span class="h6 text-muted ml-2">/ per user</span></h1>
    520. 

  520. 										</div>
    521. 

  521. 										<div class="card-body pt-0">
    522. 

  522. 												<ul class="list-unstyled mb-4">
    523. 

  523. 														<li>annual commitment - billed yearly</li>
    524. 

  524. 														<li>Kanban and Scrum boards</li>
    525. 

  525. 														<li>No git integration</li>
    526. 

  526. 												</ul>
    527. 

  527. 												<a href="https://trello.com/en/pricing" target="_blank" class="btn btn-outline-secondary mb-3">Go to Trello</a>
    528. 

  528. 										</div>
    529. 

  529. 								</div>
    530. 

  530. 						</div>
    531. 

  531. 				</div>
    532. 

  532. 			</div>
    533. 

  533. 

  534. 			<!-- # comparison table -->
    535. 

  535. 

  536. 		</div>
    537. 

  537. 

  538. 		</div>
    539. 

  539. 	</div>
    540. 

  540. </div>
    541. 

  541. <!--  CARD template >
    542. 

  542. 	<div class="card">
    543. 

  543.     <div class="card-header blue lighten-3 z-depth-1" role="tab" id="heading97">
    544. 

  544.       <h5 class="text-uppercase mb-0 py-1">
    545. 

  545.         <a class="collapsed font-weight-bold white-text" data-toggle="collapse" href="#collapse97"
    546. 

  546.           aria-expanded="false" aria-controls="collapse97">
    547. 

  547.           I am the second title of accordion
    548. 

  548.         </a>
    549. 

  549.       </h5>
    550. 

  550.     </div>
    551. 

  551.     <div id="collapse97" class="collapse" role="tabpanel" aria-labelledby="heading97"
    552. 

  552.       data-parent="#accordionEx23">
    553. 

  553.       <div class="card-body">
    554. 

  554.         <div class="row my-4">
    555. 

  555.           <div class="col-md-8">
    556. 

  556.             <h2 class="font-weight-bold mb-3 black-text">Hi! I am the second one.</h2>
    557. 

  557.             <p class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
    558. 

  558.               incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
    559. 

  559.               ullamco laboris</p>
    560. 

  560.             <p class="mb-0">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
    561. 

  561.               fugiat nulla pariatur.</p>
    562. 

  562.           </div>
    563. 

  563.           <div class="col-md-4 mt-3 pt-2">
    564. 

  564.             <div class="view z-depth-1">
    565. 

  565.               <img src="https://mdbootstrap.com/img/Photos/Others/nature.jpeg" alt="" class="img-fluid">
    566. 

  566.             </div>
    567. 

  567.           </div>
    568. 

  568.         </div>
    569. 

  569.       </div>
    570. 

  570.     </div>
    571. 

  571.   </div>
    572. 

  572. 

  573. -->
    574. 

  574. 

  575. </div>
    576. 

  576. <!--Accordion wrapper-->
    577. 

  577. 

  578. 		</div>
    579. 

  579. 	</div>
    580. 

  580. </div>
    581. 

  581. 

  582.     <script src="js/jquery.min.js"></script>
    583. 

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

  584.     <script src="js/scripts.js"></script>
    585. 

  585. 		<script src="https://kit.fontawesome.com/25ece1fdd4.js"></script>
    586. 

  586.   </body>
    587. 

  587. </html>
    588.