Home Explore Help
Register Sign In
Eran
/
stackveeTemplate
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 86d77678f7
Branches Tags
stackveeTemp...
/
index.html

index.html 27 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582 
  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>Bootstrap 4, from LayoutIt!</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">We are helping startups to choose and use the best technical stack for their needs.<br>
    42. 

  42. 			Our team test in real life situations different technical stacks so we can recommend the best one for you<br>
    43. 

  43. 			We belive in open source and use open source tools to give you the best experiance and to keep your private data private<br>
    44. 

  44. 			When you choose commercial solutions that you cannot control your data is out there to scan, analyze, sell and use<br>
    45. 

  45. 			We give you the stack, and the data is 100% yours. <br>
    46. 

  46. 			We are fully GDPR compliance.<br>
    47. 

  47. 			<b>For a limited time we give 30% lifetime discount</b><br>
    48. 

  48. 			You can start as low as 50$ per month for a startup up to 15 employees<br>
    49. 

  49. 			<b>With each plan you will get a consulting meeting to help you to choose the correct stack for you</b><br>
    50. 

  50. 			And 72 hours response time, consulting by email without limitation
    51. 

  51. 		</p>
    52. 

  52.   </div>
    53. 

  53. </div>
    54. 

  54. </div>
    55. 

  55. </div>
    56. 

  56. <div class="row top30">
    57. 

  57. 

  58. 		<div class="col-md-12">
    59. 

  59.       <!-- Acordion -->
    60. 

  60.       <!--Accordion wrapper-->
    61. 

  61. <div class="accordion md-accordion accordion-1" id="accordionEx23" role="tablist">
    62. 

  62.   <div class="card">
    63. 

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

  64. 			<div class="row">
    65. 

  65. 				<div class="col-md-8 col-sm-6 col-xs-6">
    66. 

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

  67. 		      <h5 class="text-uppercase">
    68. 

  68. 					<i class="fas fa-chevron-circle-down"></i>
    69. 

  69. 		          starter pack
    70. 

  70. 		      </h5>
    71. 

  71. 					</a>
    72. 

  72. 				</div>
    73. 

  73. 

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

  75. 				<h3 style="margin:5px auto;">$<span class="price">50</span> <small>+ .com domain</small></h3>
    76. 

  76. 

  77. 			</div>
    78. 

  78. 

  79. 			<div class="col-md-2 col-sm-4 col-xs-4">
    80. 

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

  81. 			</div>
    82. 

  82. 		</div>
    83. 

  83.     </div>
    84. 

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

  85.       <div class="card-body">
    86. 

  86.         <div class="row my-4">
    87. 

  87. 

  88. 					<!-- starter_pack description - web server -->
    89. 

  89. 

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

  91. 									<i class="fab fa-wordpress-simple fa-9x"></i>
    92. 

  92. 							</div>
    93. 

  93. 							<div class="col-md-4 col-sm-6 col-xs-6">
    94. 

  94. 									<h4>Website, technical blog, and app server</h4>
    95. 

  95. 									<h4 class="subheading">On your private fully managed servers</h4>
    96. 

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

  97. 								Update the website buy just pushing the code to the site repository<br>
    98. 

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

  99. 							</p>
    100. 

  100. 							</div>
    101. 

  101. 

  102. 					<!-- # starter_pack description -->
    103. 

  103. 

  104. 					<!-- comparison table -->
    105. 

  105. 					<div class="col-md-6 col-sm-12 col-xs-12">
    106. 

  106. 					<div class="container mb-8 mt-2">
    107. 

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

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

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

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

  111. 					                <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>
    112. 

  112. 					            </div>
    113. 

  113. 					            <div class="card-body pt-0">
    114. 

  114. 					                <ul class="list-unstyled mb-4">
    115. 

  115. 														  <li>Auto deploy from repo to Website</li>
    116. 

  116. 					                    <li>Auto deploy from repo to Website</li>
    117. 

  117. 					                    <li>1TB Bandwidth </li>
    118. 

  118. 					                    <li>20GB Storage</li>
    119. 

  119. 					                    <li><b>No ads</b></li>
    120. 

  120. 					                    <li>Free cancelation</li>
    121. 

  121. 					                </ul>
    122. 

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

  123. 					            </div>
    124. 

  124. 					        </div>
    125. 

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

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

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

  128. 					                <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>
    129. 

  129. 					            </div>
    130. 

  130. 					            <div class="card-body pt-0">
    131. 

  131. 					                <ul class="list-unstyled mb-4">
    132. 

  132. 					                    <li>35GB Storage</li>
    133. 

  133. 					                    <li>Google Analytics</li>
    134. 

  134. 					                    <li>Vendor lock</li>
    135. 

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

  136. 					                </ul>
    137. 

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

  138. 					            </div>
    139. 

  139. 					        </div>
    140. 

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

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

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

  143. 					                <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>
    144. 

  144. 					            </div>
    145. 

  145. 					            <div class="card-body pt-0">
    146. 

  146. 					                <ul class="list-unstyled mb-4">
    147. 

  147. 					                    <li>annual commitment - billed yearly</li>
    148. 

  148. 					                    <li>WordPress.com Branding</li>
    149. 

  149. 					                    <li>Google Analytics Integration</li>
    150. 

  150. 					                </ul>
    151. 

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

  152. 					            </div>
    153. 

  153. 					        </div>
    154. 

  154. 					    </div>
    155. 

  155. 					</div>
    156. 

  156. 				</div>
    157. 

  157. 

  158. 				<!-- # comparison table -->
    159. 

  159. 			</div>
    160. 

  160. 			<hr class="my-4">
    161. 

  161. <div class="row my-4 top15">
    162. 

  162. <!-- # web server -->
    163. 

  163. 						<!-- starter_pack description - Git server-->
    164. 

  164. 

  165. 								<div class="col-md-2 col-sm-6 col-xs-6">
    166. 

  166. 										<i class="fab fa-git-square fa-9x"></i>
    167. 

  167. 								</div>
    168. 

  168. 								<div class="col-md-4 col-sm-6 col-xs-6">
    169. 

  169. 										<h4>Your repositories, Your code</h4>
    170. 

  170. 										<h4 class="subheading">On your private fully managed servers</h4>
    171. 

  171. 								<p class="text-muted">
    172. 

  172. 									Git management server.<br>
    173. 

  173. 								</p>
    174. 

  174. 								</div>
    175. 

  175. 

  176. 						<!-- # starter_pack description -->
    177. 

  177. 

  178. 						<!-- comparison table -->
    179. 

  179. 						<div class="col-md-6 col-sm-12 col-xs-12">
    180. 

  180. 						<div class="container mb-8 mt-2">
    181. 

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

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

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

  184. 												<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>
    185. 

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

  186. 						            </div>
    187. 

  187. 						            <div class="card-body pt-0">
    188. 

  188. 						                <ul class="list-unstyled mb-4">
    189. 

  189. 															  <li>Unlimited public repositories</li>
    190. 

  190. 						                    <li>Unlimited private repositories</li>
    191. 

  191. 						                    <li>Team access controls</li>
    192. 

  192. 						                    <li>Issues and bug tracking</li>
    193. 

  193. 						                    <li>Free cancelation</li>
    194. 

  194. 						                </ul>
    195. 

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

  196. 						            </div>
    197. 

  197. 						        </div>
    198. 

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

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

  200. 												<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>
    201. 

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

  202. 						            </div>
    203. 

  203. 						            <div class="card-body pt-0">
    204. 

  204. 						                <ul class="list-unstyled mb-4">
    205. 

  205. 						                    <li>Minimum 5 users</li>
    206. 

  206. 						                    <li>No webhooks</li>
    207. 

  207. 						                    <li>Team access controls</li>
    208. 

  208. 						                    <li>Issues and bug tracking</li>
    209. 

  209. 						                    <li>Backed by Microsoft</li>
    210. 

  210. 						                </ul>
    211. 

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

  212. 						            </div>
    213. 

  213. 						        </div>
    214. 

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

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

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

  217. 						                <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>
    218. 

  218. 						            </div>
    219. 

  219. 						            <div class="card-body pt-0">
    220. 

  220. 						                <ul class="list-unstyled mb-4">
    221. 

  221. 						                    <li>Minimum 5 users</li>
    222. 

  222. 						                    <li>10GB Storage</li>
    223. 

  223. 						                    <li>Team access controls</li>
    224. 

  224. 						                    <li>Issues and bug tracking</li>
    225. 

  225. 						                </ul>
    226. 

  226. 						                <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>
    227. 

  227. 						            </div>
    228. 

  228. 						        </div>
    229. 

  229. 						    </div>
    230. 

  230. 						</div>
    231. 

  231. 					</div>
    232. 

  232. 						<!-- # comparison table -->
    233. 

  233. <!-- # Git server -->
    234. 

  234. </div>
    235. 

  235. <hr class="my-4">
    236. 

  236. <div class="row my-4 top15">
    237. 

  237. 					<!-- starter_pack description - email -->
    238. 

  238. 

  239. 							<div class="col-md-2 col-sm-6 col-xs-6">
    240. 

  240. 									<i class="fas fa-mail-bulk fa-9x"></i>
    241. 

  241. 							</div>
    242. 

  242. 							<div class="col-md-4 col-sm-6 col-xs-6">
    243. 

  243. 									<h4>Our self hosted email service</h4>
    244. 

  244. 									<h4 class="subheading">On your private fully managed servers</h4>
    245. 

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

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

  247. 								including opportunistic TLS, strong ciphers, and HSTS. <br>
    248. 

  248. 								The highest level of protection against active attacks. <br>
    249. 

  249. 								Exchange ActiveSync is also available for beta testers.</p>
    250. 

  250. 							</div>
    251. 

  251. 

  252. 					<!-- # starter_pack description -->
    253. 

  253. 

  254. 					<!-- comparison table -->
    255. 

  255. 					<div class="col-md-6 col-sm-12 col-xs-12">
    256. 

  256. 					<div class="container mb-8 mt-2">
    257. 

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

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

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

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

  261. 					                <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>
    262. 

  262. 					            </div>
    263. 

  263. 					            <div class="card-body pt-0">
    264. 

  264. 					                <ul class="list-unstyled mb-4">
    265. 

  265. 														  <li>up to 15 users</li>
    266. 

  266. 					                    <li>Your data / Your servers</li>
    267. 

  267. 					                    <li>Not extra cost</li>
    268. 

  268. 					                    <li>Monthly updates</li>
    269. 

  269. 					                    <li><b>No ad-tracking in you emails</b></li>
    270. 

  270. 					                    <li>Free cancelation</li>
    271. 

  271. 					                </ul>
    272. 

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

  273. 					            </div>
    274. 

  274. 					        </div>
    275. 

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

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

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

  278. 					                <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>
    279. 

  279. 					            </div>
    280. 

  280. 					            <div class="card-body pt-0">
    281. 

  281. 					                <ul class="list-unstyled mb-4">
    282. 

  282. 					                    <li>Minimum 5 users</li>
    283. 

  283. 					                    <li>2-week free trial of G Suite</li>
    284. 

  284. 					                    <li>Vendor lock</li>
    285. 

  285. 					                    <li>Integrated ad-tracking</li>
    286. 

  286. 					                </ul>
    287. 

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

  288. 					            </div>
    289. 

  289. 					        </div>
    290. 

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

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

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

  293. 					                <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>
    294. 

  294. 					            </div>
    295. 

  295. 					            <div class="card-body pt-0">
    296. 

  296. 					                <ul class="list-unstyled mb-4">
    297. 

  297. 					                    <li>annual commitment</li>
    298. 

  298. 					                    <li>Free descktop Office apps</li>
    299. 

  299. 					                    <li>Exchange Online Protection</li>
    300. 

  300. 					                    <li>Backed by Microsoft</li>
    301. 

  301. 					                </ul>
    302. 

  302. 					                <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>
    303. 

  303. 					            </div>
    304. 

  304. 					        </div>
    305. 

  305. 					    </div>
    306. 

  306. 					</div>
    307. 

  307. 				</div>
    308. 

  308. 					<!-- # comparison table -->
    309. 

  309. 

  310.         </div>
    311. 

  311.       </div>
    312. 

  312.     </div>
    313. 

  313.   </div>
    314. 

  314. 

  315. 

  316. <!-- ======================  communication pack -->
    317. 

  317. 

  318. <div class="card">
    319. 

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

  320. 		<div class="row">
    321. 

  321. 			<div class="col-md-8 col-sm-6 col-xs-6">
    322. 

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

  323. 				<h5 class="text-uppercase">
    324. 

  324. 				<i class="fas fa-chevron-circle-down"></i>
    325. 

  325. 						communication pack
    326. 

  326. 				</h5>
    327. 

  327. 				</a>
    328. 

  328. 			</div>
    329. 

  329. 

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

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

  332. 

  333. 		</div>
    334. 

  334. 

  335. 		<div class="col-md-2 col-sm-4 col-xs-4">
    336. 

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

  337. 		</div>
    338. 

  338. 	</div>
    339. 

  339. 	</div>
    340. 

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

  341. 		<div class="card-body">
    342. 

  342. 			<div class="row my-4">
    343. 

  343. 

  344. 				<!-- communication_pack description - web server -->
    345. 

  345. 

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

  347. 							<i class="far fa-comments fa-9x"></i>
    348. 

  348. 						</div>
    349. 

  349. 						<div class="col-md-4 col-sm-6 col-xs-6">
    350. 

  350. 								<h4>Communicate efficently with your team</h4>
    351. 

  351. 								<h4 class="subheading">On your private fully managed servers</h4>
    352. 

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

  353. 							Update the website buy just pushing the code to the site repository<br>
    354. 

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

  355. 						</p>
    356. 

  356. 						</div>
    357. 

  357. 

  358. 				<!-- # communication_pack description -->
    359. 

  359. 

  360. 				<!-- comparison table -->
    361. 

  361. 				<div class="col-md-6 col-sm-12 col-xs-12">
    362. 

  362. 				<div class="container mb-8 mt-2">
    363. 

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

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

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

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

  367. 												<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>
    368. 

  368. 										</div>
    369. 

  369. 										<div class="card-body pt-0">
    370. 

  370. 												<ul class="list-unstyled mb-4">
    371. 

  371. 														<li>Organized conversations in teams and channels</li>
    372. 

  372. 														<li>Fully searchable message history</li>
    373. 

  373. 														<li>1-on-1 and group messaging</li>
    374. 

  374. 														<li>Voice, video, and screen sharing</li>
    375. 

  375. 														<li>File, image, and link sharing</li>
    376. 

  376. 														<li>Emoji and rich Markdown formatting</li>
    377. 

  377. 														<li>Multi-language support </li></li>
    378. 

  378. 														<li>Custom desktop, email, and mobile notifications</li>
    379. 

  379. 														<li>Keyword mention alerts</li>
    380. 

  380. 														<li>Free cancelation</li>
    381. 

  381. 												</ul>
    382. 

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

  383. 										</div>
    384. 

  384. 								</div>
    385. 

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

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

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

  388. 												<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>
    389. 

  389. 										</div>
    390. 

  390. 										<div class="card-body pt-0">
    391. 

  391. 												<ul class="list-unstyled mb-4">
    392. 

  392. 														<li>annual commitment - billed yearly</li>
    393. 

  393. 														<li>Vendor lock</li>
    394. 

  394. 														<li>Unlimited workspaces</li>
    395. 

  395. 												</ul>
    396. 

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

  397. 										</div>
    398. 

  398. 								</div>
    399. 

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

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

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

  402. 												<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>
    403. 

  403. 										</div>
    404. 

  404. 										<div class="card-body pt-0">
    405. 

  405. 												<ul class="list-unstyled mb-4">
    406. 

  406. 														<li>annual commitment - billed yearly</li>
    407. 

  407. 														<li>Integrate with Microsoft products</li>
    408. 

  408. 														<li>Backed by Microsoft</li>
    409. 

  409. 												</ul>
    410. 

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

  411. 										</div>
    412. 

  412. 								</div>
    413. 

  413. 						</div>
    414. 

  414. 				</div>
    415. 

  415. 			</div>
    416. 

  416. 

  417. 			<!-- # comparison table -->
    418. 

  418. 		</div>
    419. 

  419. 

  420. 		</div>
    421. 

  421. 	</div>
    422. 

  422. </div>
    423. 

  423. 

  424. 

  425. 

  426. <!-- ======================  Agile pack -->
    427. 

  427. 

  428. <div class="card">
    429. 

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

  430. 		<div class="row">
    431. 

  431. 			<div class="col-md-8 col-sm-6 col-xs-6">
    432. 

  432. 					<a class="white-text font-weight-bold white-text" data-toggle="collapse" href="#agail_pack" aria-expanded="true" aria-controls="agail_pack">
    433. 

  433. 				<h5 class="text-uppercase">
    434. 

  434. 				<i class="fas fa-chevron-circle-down"></i>
    435. 

  435. 						agail pack
    436. 

  436. 				</h5>
    437. 

  437. 				</a>
    438. 

  438. 			</div>
    439. 

  439. 

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

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

  442. 

  443. 		</div>
    444. 

  444. 

  445. 		<div class="col-md-2 col-sm-4 col-xs-4">
    446. 

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

  447. 		</div>
    448. 

  448. 	</div>
    449. 

  449. 	</div>
    450. 

  450. 	<div id="agail_pack" class="collapse" role="tabpanel" aria-labelledby="heading96" data-parent="#accordionEx23">
    451. 

  451. 		<div class="card-body">
    452. 

  452. 			<div class="row my-4">
    453. 

  453. 

  454. 				<!-- agail_pack description - web server -->
    455. 

  455. 

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

  457. 							<i class="fas fa-chalkboard-teacher fa-9x"></i>
    458. 

  458. 						</div>
    459. 

  459. 						<div class="col-md-4 col-sm-6 col-xs-6">
    460. 

  460. 								<h4>Manage your projects smartly</h4>
    461. 

  461. 								<h4 class="subheading">On your private fully managed servers</h4>
    462. 

  462. 						<p class="text-muted">flexible project management application.<br>
    463. 

  463. 							That can fit in to any company and projects
    464. 

  464. 						</p>
    465. 

  465. 						</div>
    466. 

  466. 

  467. 				<!-- # agail_pack description -->
    468. 

  468. 

  469. 				<!-- comparison table -->
    470. 

  470. 				<div class="col-md-6 col-sm-12 col-xs-12">
    471. 

  471. 				<div class="container mb-8 mt-2">
    472. 

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

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

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

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

  476. 												<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>
    477. 

  477. 										</div>
    478. 

  478. 										<div class="card-body pt-0">
    479. 

  479. 												<ul class="list-unstyled mb-4">
    480. 

  480. 														<li>Kanban and Scrum boards</li>
    481. 

  481. 														<li>Multiple projects support</li>
    482. 

  482. 														<li>Flexible role based access control</li>
    483. 

  483. 														<li>Flexible issue tracking system</li>
    484. 

  484. 														<li>Gantt chart and calendar</li>
    485. 

  485. 														<li>News, documents & files management</li>
    486. 

  486. 														<li>Feeds & email notifications</li>
    487. 

  487. 														<li>Per project wiki</li>
    488. 

  488. 														<li>Per project forums</li>
    489. 

  489. 														<li>Time tracking</li>
    490. 

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

  491. 														<li>Issue creation via email</li>
    492. 

  492. 														<li>Free cancelation</li>
    493. 

  493. 												</ul>
    494. 

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

  495. 										</div>
    496. 

  496. 								</div>
    497. 

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

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

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

  500. 												<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>
    501. 

  501. 										</div>
    502. 

  502. 										<div class="card-body pt-0">
    503. 

  503. 												<ul class="list-unstyled mb-4">
    504. 

  504. 														<li>First 10 users for 10$</li>
    505. 

  505. 														<li>7 days free trial</li>
    506. 

  506. 														<li>Kanban and Scrum boards</li>
    507. 

  507. 												</ul>
    508. 

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

  509. 										</div>
    510. 

  510. 								</div>
    511. 

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

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

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

  514. 												<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>
    515. 

  515. 										</div>
    516. 

  516. 										<div class="card-body pt-0">
    517. 

  517. 												<ul class="list-unstyled mb-4">
    518. 

  518. 														<li>annual commitment - billed yearly</li>
    519. 

  519. 														<li>Kanban and Scrum boards</li>
    520. 

  520. 														<li>No git integration</li>
    521. 

  521. 												</ul>
    522. 

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

  523. 										</div>
    524. 

  524. 								</div>
    525. 

  525. 						</div>
    526. 

  526. 				</div>
    527. 

  527. 			</div>
    528. 

  528. 

  529. 			<!-- # comparison table -->
    530. 

  530. 

  531. 		</div>
    532. 

  532. 

  533. 		</div>
    534. 

  534. 	</div>
    535. 

  535. </div>
    536. 

  536. <!--  CARD template >
    537. 

  537. 	<div class="card">
    538. 

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

  539.       <h5 class="text-uppercase mb-0 py-1">
    540. 

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

  541.           aria-expanded="false" aria-controls="collapse97">
    542. 

  542.           I am the second title of accordion
    543. 

  543.         </a>
    544. 

  544.       </h5>
    545. 

  545.     </div>
    546. 

  546.     <div id="collapse97" class="collapse" role="tabpanel" aria-labelledby="heading97"
    547. 

  547.       data-parent="#accordionEx23">
    548. 

  548.       <div class="card-body">
    549. 

  549.         <div class="row my-4">
    550. 

  550.           <div class="col-md-8">
    551. 

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

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

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

  554.               ullamco laboris</p>
    555. 

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

  556.               fugiat nulla pariatur.</p>
    557. 

  557.           </div>
    558. 

  558.           <div class="col-md-4 mt-3 pt-2">
    559. 

  559.             <div class="view z-depth-1">
    560. 

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

  561.             </div>
    562. 

  562.           </div>
    563. 

  563.         </div>
    564. 

  564.       </div>
    565. 

  565.     </div>
    566. 

  566.   </div>
    567. 

  567. 

  568. -->
    569. 

  569. 

  570. </div>
    571. 

  571. <!--Accordion wrapper-->
    572. 

  572. 

  573. 		</div>
    574. 

  574. 	</div>
    575. 

  575. </div>
    576. 

  576. 

  577.     <script src="js/jquery.min.js"></script>
    578. 

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

  579.     <script src="js/scripts.js"></script>
    580. 

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

  581.   </body>
    582. 

  582. </html>
    583.