page148.tpl.php 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296
  1. <?php // BEGIN PHP
  2. $websitekey=basename(__DIR__); if (empty($websitepagefile)) $websitepagefile=__FILE__;
  3. if (! defined('USEDOLIBARRSERVER') && ! defined('USEDOLIBARREDITOR')) {
  4. $pathdepth = count(explode('/', $_SERVER['SCRIPT_NAME'])) - 2;
  5. require_once $pathdepth ? str_repeat('../', $pathdepth) : './'.'master.inc.php';
  6. } // Not already loaded
  7. require_once DOL_DOCUMENT_ROOT.'/core/lib/website.lib.php';
  8. require_once DOL_DOCUMENT_ROOT.'/core/website.inc.php';
  9. ob_start();
  10. // END PHP ?>
  11. <html lang="en">
  12. <head>
  13. <title>index</title>
  14. <meta charset="utf-8">
  15. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  16. <meta name="robots" content="index, follow" />
  17. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  18. <meta name="keywords" content="" />
  19. <meta name="title" content="index" />
  20. <meta name="description" content="" />
  21. <meta name="generator" content="Dolibarr 17.0.0-alpha (https://www.dolibarr.org)" />
  22. <meta name="dolibarr:pageid" content="148" />
  23. <?php if ($website->use_manifest) { print '<link rel="manifest" href="/manifest.json.php" />'."\n"; } ?>
  24. <!-- Include link to CSS file -->
  25. <link rel="stylesheet" href="/styles.css.php?website=<?php echo $websitekey; ?>" type="text/css" />
  26. <!-- Include link to JS file -->
  27. <script async src="/javascript.js.php"></script>
  28. <!-- Include HTML header from common file -->
  29. <?php if (file_exists(DOL_DATA_ROOT."/website/".$websitekey."/htmlheader.html")) include DOL_DATA_ROOT."/website/".$websitekey."/htmlheader.html"; ?>
  30. <!-- Include HTML header from page header block -->
  31. <head>
  32. <meta charset="UTF-8" />
  33. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  34. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  35. <!-- Font Awesome -->
  36. <link rel="preconnect" href="https://fonts.googleapis.com">
  37. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  38. <link href="https://fonts.googleapis.com/css2?family=Hurricane&display=swap" rel="stylesheet">
  39. <script
  40. src="https://kit.fontawesome.com/14273d579a.js"
  41. crossorigin="anonymous"
  42. ></script>
  43. <title>Template</title>
  44. </head>
  45. </head>
  46. <!-- File generated by Dolibarr website module editor -->
  47. <body id="bodywebsite" class="bodywebsite bodywebpage-index">
  48. <!-- Enter here your HTML content. Add a section with an id tag and tag contenteditable="true" if you want to use the inline editor for the content -->
  49. <section id="mysection1" contenteditable="true">
  50. <section id="main">
  51. <div class="container text-center">
  52. <div class="row">
  53. <div class="col-md-6">
  54. <div class="jumbotron gy-3">
  55. <h1 class="display-4">Our company</h1>
  56. <p class="lead">
  57. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum excepturi ipsa consequatur accusamus eveniet dignissimos necessitatibus provident dolore cupiditate.
  58. </p>
  59. <hr class="my-4" />
  60. <p>
  61. It uses utility classes for typography and spacing to space content out within the
  62. larger container.
  63. </p>
  64. <p class="lead">
  65. <a href="#" role="button" onclick="alert('Please edit the website page to define the URL you want the link to point to...')">
  66. <button class="btn btn-perso btn-md">
  67. PRE ORDER NOW
  68. </button>
  69. </a>
  70. <a href="#contact" role="button">
  71. <button class="btn btn-perso2 btn-md mx-3">
  72. CONTACT US
  73. </button>
  74. </a>
  75. </p>
  76. </div>
  77. </div>
  78. <div class="col-md-6">
  79. <img src="/image/template02/bg.webp" alt="landingpage" width="100%">
  80. </div>
  81. </div>
  82. <hr />
  83. </section>
  84. <section class="products-section text-center container">
  85. <div class="row">
  86. <div class="col-md-6 product">
  87. <div>
  88. <div class="bg">
  89. <img
  90. src="/image/template02/icon.webp"
  91. class="card-img-top img-fluid"
  92. alt="..."
  93. style="width: 30%; height: 50%;"
  94. />
  95. <div class="card-body">
  96. <h2 class="card-title">LoremIpsum</h2>
  97. <p class="card-text">
  98. Some quick example text to build on the
  99. card title and make up the bulk of the
  100. card's content.
  101. </p>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. <div class="col-md-6 product">
  107. <div>
  108. <div class="bg">
  109. <img
  110. src="/image/template02/icon.webp"
  111. class="card-img-top img-fluid"
  112. alt="..."
  113. style="width: 30%; height: 50%;"
  114. />
  115. <div class="card-body">
  116. <h2 class="card-title">LoremIpsum</h2>
  117. <p class="card-text">
  118. Some quick example text to build on the
  119. card title and make up the bulk of the
  120. card's content.
  121. </p>
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  126. <div class="col-md-6 product">
  127. <div>
  128. <div class="bg">
  129. <img
  130. src="/image/template02/icon.webp"
  131. class="card-img-top img-fluid"
  132. alt="..."
  133. style="width: 30%; height: 50%;"
  134. />
  135. <div class="card-body">
  136. <h2 class="card-title">LoremIpsum</h2>
  137. <p class="card-text">
  138. Some quick example text to build on the
  139. card title and make up the bulk of the
  140. card's content.
  141. </p>
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. <div class="col-md-6 product">
  147. <div>
  148. <div class="bg">
  149. <img
  150. src="/image/template02/icon.webp"
  151. class="card-img-top img-fluid"
  152. alt="..."
  153. style="width: 30%; height: 50%;"
  154. />
  155. <div class="card-body">
  156. <h2 class="card-title">LoremIpsum</h2>
  157. <p class="card-text">
  158. Some quick example text to build on the
  159. card title and make up the bulk of the
  160. card's content.
  161. </p>
  162. </div>
  163. </div>
  164. </div>
  165. </div>
  166. <div class="col-md-6 product">
  167. <div>
  168. <div class="bg">
  169. <img
  170. src="/image/template02/icon.webp"
  171. class="card-img-top img-fluid"
  172. alt="..."
  173. style="width: 30%; height: 50%;"
  174. />
  175. <div class="card-body">
  176. <h2 class="card-title">LoremIpsum</h2>
  177. <p class="card-text">
  178. Some quick example text to build on the
  179. card title and make up the bulk of the
  180. card's content.
  181. </p>
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186. <div class="col-md-6 product">
  187. <div>
  188. <div class="bg">
  189. <img
  190. src="/image/template02/icon.webp"
  191. class="card-img-top img-fluid"
  192. alt="..."
  193. style="width: 30%; height: 50%;"
  194. />
  195. <div class="card-body">
  196. <h2 class="card-title">LoremIpsum</h2>
  197. <p class="card-text">
  198. Some quick example text to build on the
  199. card title and make up the bulk of the
  200. card's content.
  201. </p>
  202. </div>
  203. </div>
  204. </div>
  205. </div>
  206. </section>
  207. <hr />
  208. <section>
  209. <div class="container">
  210. <div class="row text-center">
  211. <div class="col-md-12 flex">
  212. <h1>UNLIMITED FOR ALL</h1>
  213. <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Minus molestias voluptatibus voluptatem Lorem ipsum dolor, sit amet consectetur adipisicing elit. Veritatis officia voluptatem incidunt tempore esse porro sequi eveniet eum corrupti quo.</p>
  214. <div class="card text-dark bg-dark m-5 text-start" style="max-width: 18rem;">
  215. <div class="card-header">
  216. <p class="text-secondary"><span class="fs-1 text-white">$79</span>/month</p>
  217. </div>
  218. <div class="card-body flex">
  219. <p class="card-text">WHAT YOU WILL GET</p>
  220. <p> <i class="fa fa-chevron-right marginrightonly"></i> Lorem ipsum dolor sit, amet consectetur </p> <br/>
  221. <p> <i class="fa fa-chevron-right marginrightonly"></i> Lorem ipsum dolor sit, amet consectetur </p> <br/>
  222. <p> <i class="fa fa-chevron-right marginrightonly"></i> Lorem ipsum dolor sit, amet consectetur </p> <br/>
  223. <a href="#" role="button">
  224. <button class="btn btn-perso btn-md">
  225. PRE ORDER NOW
  226. </button>
  227. </a>
  228. </div>
  229. </div>
  230. </div>
  231. </div>
  232. </div>
  233. </section>
  234. <hr />
  235. <section id="contact">
  236. <div class="container">
  237. <div class="row text-center">
  238. <div class="col-md-12 flex">
  239. <h1>Contact us</h1>
  240. <section id="sectionfooterdolibarr" contenteditable="true" class="footerdolibarr">
  241. <div style="margin: 50px; text-align: center">
  242. <span class="fa fa-envelope-o"></span> <?php echo $mysoc->email ?><br>
  243. <span class="fa fa-address-card-o"></span> <?php echo $mysoc->getFullAddress() ?><br>
  244. </div>
  245. </section>
  246. <!-- Google MAPS -->
  247. <center><div class="mapouter"><div class="gmap_canvas"><iframe width="600" height="500" id="gmap_canvas" src="https://maps.google.com/maps?q=<?php echo urlencode($mysoc->getFullAddress()); ?>&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
  248. </div>
  249. <style>.mapouter{text-align:right;height:500px;width:600px;}.gmap_canvas {overflow:hidden;background:none!important;height:500px;width:600px; border-radius: 15px;}</style>
  250. </div></center>
  251. <br><br><br>
  252. </div>
  253. </div>
  254. </div>
  255. </section>
  256. <hr />
  257. <footer class="bg text-center text-white">
  258. <!-- Grid container -->
  259. <div class="container p-4 pb-0">
  260. <!-- Section: Social media -->
  261. <section class="mb-4">
  262. <?php foreach ($mysoc->socialnetworks as $key => $value) {
  263. print '<a class="btn btn-perso2 btn-floating m-1" href="'. (preg_match('/^http/', $value) ? $value : 'https://www.'.$key.'.com/'.$value).'"><span class="fab fa-'.$key.'"></i></a>';
  264. } ?>
  265. </section>
  266. <!-- Section: Social media -->
  267. </div>
  268. <!-- Grid container -->
  269. <!-- Copyright -->
  270. <div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
  271. © 2022 Dolibarr:
  272. <a class="text-white" href="https://dolicloud.com/">Dolicloud.com</a>
  273. </div>
  274. <!-- Copyright -->
  275. </footer>
  276. </section>
  277. </body>
  278. </html>
  279. <?php // BEGIN PHP
  280. $tmp = ob_get_contents(); ob_end_clean(); dolWebsiteOutput($tmp, "html", 148);
  281. // END PHP ?>