page80.tpl.php 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331
  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="80" />
  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.gstatic.com" crossorigin>
  37. <link href="https://fonts.googleapis.com/css2?family=Hurricane&display=swap" rel="stylesheet">
  38. <script
  39. src="https://kit.fontawesome.com/14273d579a.js"
  40. crossorigin="anonymous"
  41. ></script>
  42. <title>Template</title>
  43. </head>
  44. </head>
  45. <!-- File generated by Dolibarr website module editor -->
  46. <body id="bodywebsite" class="bodywebsite bodywebpage-index">
  47. <!-- 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 -->
  48. <?php
  49. if (GETPOST('action') == 'sendmail') {
  50. include_once DOL_DOCUMENT_ROOT.'/core/class/CMailFile.class.php';
  51. $from = GETPOST('email', 'alpha');
  52. $to = $mysoc->email;
  53. $message = GETPOST('message', 'alpha');
  54. $cmail = new CMailFile('Contact from website', $to, $from, $message);
  55. if ($cmail->sendfile()) {
  56. ?>
  57. <script>
  58. alert("Message sent successfully !");
  59. </script>
  60. <?php
  61. } else {
  62. echo $langs->trans("ErrorFailedToSendMail", $from, $to).'. '.$cmail->error;
  63. }
  64. }
  65. ?>
  66. <section id="mysection1" contenteditable="true">
  67. <div class="container">
  68. <nav class="navbar navbar-expand-lg navbar-dark position-fixed px-3">
  69. <a href="#home" class="navbar-brand text-center">
  70. <h1>Brand Name</h1>
  71. </a>
  72. <button
  73. class="navbar-toggler"
  74. type="button"
  75. data-bs-toggle="collapse"
  76. data-bs-target="#navbarNav"
  77. aria-controls="navbarNav"
  78. aria-expanded="false"
  79. aria-label="Toggle navigation"
  80. >
  81. <span class="navbar-toggler-icon"></span>
  82. </button>
  83. <div
  84. class="collapse navbar-collapse justify-content-end"
  85. id="navbarNav"
  86. >
  87. <ul class="navbar-nav">
  88. <li class="nav-item fs-5">
  89. <a href="#products" class="nav-link"
  90. >Products</a
  91. >
  92. </li>
  93. <li class="nav-item fs-5">
  94. <a href="#contact" class="nav-link">
  95. Contact
  96. </a>
  97. </li>
  98. </ul>
  99. </div>
  100. </nav>
  101. </div>
  102. <section id="home" class="">
  103. <div class=" container full-height pt-5">
  104. <div class="row pt-5">
  105. <div class="col text-center desc">
  106. <h1 class="py-5 fw-bold" id="title">
  107. <span class="color">Brand</span>
  108. Name
  109. </h1>
  110. <p class="h3">
  111. Hello fellows, here is a description of the
  112. brand
  113. </p>
  114. <a href="#products">
  115. <button class="mt-5 btn btn-color"
  116. <i class="fas fa-shopping-cart"></i>
  117. Learn More
  118. </button>
  119. </a>
  120. </div>
  121. </div>
  122. </div>
  123. </section>
  124. <section id="products" class="py-5">
  125. <div class="container text-dark my-5 py-5 full-height">
  126. <div class="row gy-5 p-3">
  127. <div class="col text-center">
  128. <h1 class="pt-2 pb-5 fw-bold">Products</h1>
  129. </div>
  130. </div>
  131. <div class="row">
  132. <div class="col-md-4">
  133. <div class="card">
  134. <div class="card-body">
  135. <h2 class="card-title">Product 1</h2>
  136. <p class="card-text">
  137. Some quick example text to build on the
  138. card title and make up the bulk of the
  139. card's content.
  140. </p>
  141. <a href="#">
  142. <button class="btn btn-color">
  143. Learn More
  144. </button>
  145. </a>
  146. </div>
  147. </div>
  148. </div>
  149. <div class="col-md-4">
  150. <div class="card">
  151. <div class="card-body">
  152. <h2 class="card-title">Product 2</h2>
  153. <p class="card-text">
  154. Some quick example text to build on the
  155. card title and make up the bulk of the
  156. card's content.
  157. </p>
  158. <a href="#">
  159. <button class="btn btn-color">
  160. Learn More
  161. </button>
  162. </a>
  163. </div>
  164. </div>
  165. </div>
  166. <div class="col-md-4">
  167. <div class="card">
  168. <div class="card-body">
  169. <h2 class="card-title">Product 3</h2>
  170. <p class="card-text">
  171. Some quick example text to build on the
  172. card title and make up the bulk of the
  173. card's content.
  174. </p>
  175. <a href="#">
  176. <button class="btn btn-color">
  177. Learn More
  178. </button>
  179. </a>
  180. </div>
  181. </div>
  182. </div>
  183. <div class="col-md-4">
  184. <div class="card">
  185. <div class="card-body">
  186. <h2 class="card-title">Product 4</h2>
  187. <p class="card-text">
  188. Some quick example text to build on the
  189. card title and make up the bulk of the
  190. card's content.
  191. </p>
  192. <a href="#">
  193. <button class="btn btn-color">
  194. Learn More
  195. </button>
  196. </a>
  197. </div>
  198. </div>
  199. </div>
  200. <div class="col-md-4">
  201. <div class="card">
  202. <div class="card-body">
  203. <h2 class="card-title">Product 5</h2>
  204. <p class="card-text">
  205. Some quick example text to build on the
  206. card title and make up the bulk of the
  207. card's content.
  208. </p>
  209. <a href="#">
  210. <button class="btn btn-color">
  211. Learn More
  212. </button>
  213. </a>
  214. </div>
  215. </div>
  216. </div>
  217. <div class="col-md-4">
  218. <div class="card">
  219. <div class="card-body">
  220. <h2 class="card-title">Product 6</h2>
  221. <p class="card-text">
  222. Some quick example text to build on the
  223. card title and make up the bulk of the
  224. card's content.
  225. </p>
  226. <a href="#">
  227. <button class="btn btn-color">
  228. Learn More
  229. </button>
  230. </a>
  231. </div>
  232. </div>
  233. </div>
  234. </div>
  235. </div>
  236. </section>
  237. <section id="contact" class="py-5">
  238. <div class="container py-5 my-5 full-height">
  239. <div class="row text-center">
  240. <div class="col text-center"><h1>Contact us</h1></div>
  241. <p class="fw-bold h5">
  242. <span class="color">Email</span>: <?php echo $mysoc->email ?>
  243. </p>
  244. <p class="fw-bold h5">
  245. <span class="color">Phone-number</span>: <?php echo $mysoc->phone ?>
  246. </p>
  247. </div>
  248. <div class="row">
  249. <p class="text-center fw-bold h5 my-5">
  250. Or complete the form
  251. </p>
  252. </div>
  253. <form action="index.php" method="POST">
  254. <input type="hidden" name="token" value="<?php echo newToken(); ?>" />
  255. <input type="hidden" name="action" value="sendmail">
  256. <div class="row gy-3">
  257. <div class="col-12 col-md-6">
  258. <div class="form-group">
  259. <label>Email</label>
  260. <input
  261. name="email"
  262. type="email"
  263. class="form-control"
  264. placeholder="Email"
  265. />
  266. </div>
  267. <div class="form-group">
  268. <label>Name</label>
  269. <input
  270. name="name"
  271. type="text"
  272. class="form-control"
  273. placeholder="Name"
  274. />
  275. </div>
  276. <div class="form-group">
  277. <label>Phone</label>
  278. <input
  279. name="phone"
  280. type="text"
  281. class="form-control"
  282. placeholder="Phone"
  283. />
  284. </div>
  285. </div>
  286. <div class="col-12 col-md-6">
  287. <div class="form-group">
  288. <label>Message</label>
  289. <textarea
  290. name="message"
  291. class="form-control"
  292. rows="6"
  293. placeholder="Your message"
  294. ></textarea>
  295. </div>
  296. </div>
  297. <div class="col-12 mt-3">
  298. <div class="text-center form-group">
  299. <input
  300. type="submit"
  301. class="mt-5 btn btn-color-filled text-center text-white fw-bold"
  302. value="Send message"
  303. />
  304. </div>
  305. </div>
  306. </div>
  307. </form>
  308. </div>
  309. </section>
  310. </section>
  311. </body>
  312. </html>
  313. <?php // BEGIN PHP
  314. $tmp = ob_get_contents(); ob_end_clean(); dolWebsiteOutput($tmp, "html", 80);
  315. // END PHP ?>