index.html 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <meta property="og:url" content="https://biotherm.davidawindham.com/www/" />
  7. <meta property="og:type" content="website" />
  8. <meta property="og:title" content="BioTherm Solutions">
  9. <meta property="og:description" content="Climate Systems - Hydro Sciences - Data &amp; Automation">
  10. <meta property="og:image" content="https://biotherm.davidawindham.com/www/img/biotherm-open-graph.jpg" />
  11. <link rel="stylesheet" href="css/fontawesome.css">
  12. <link rel="stylesheet" href="css/animate.css">
  13. <link rel="stylesheet" href="css/material.css">
  14. <link rel="stylesheet" href="css/style.css">
  15. <link rel="apple-touch-icon" href="img/biotherm_apple-icon.png">
  16. <link rel="icon" href="img/biotherm_icon.png">
  17. <title>BioTherm Solutions</title>
  18. </head>
  19. <body>
  20. <nav class="navbar navbar-color-on-scroll navbar-transparent fixed-top navbar-expand-lg " color-on-scroll="100" id="sectionsNav">
  21. <div class="container">
  22. <div class="navbar-translate">
  23. <a class="navbar-brand" href="index.html"><img src="img/biotherm-white-dots.png"></a>
  24. <button class="navbar-toggler" type="button" data-toggle="collapse" aria-expanded="false" aria-label="Toggle navigation">
  25. <span class="navbar-toggler-icon"></span>
  26. <span class="navbar-toggler-icon"></span>
  27. <span class="navbar-toggler-icon"></span>
  28. </button>
  29. </div>
  30. <div class="collapse navbar-collapse">
  31. <ul class="navbar-nav ml-auto">
  32. <li class="dropdown nav-item">
  33. <a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">SOLUTIONS</a>
  34. <div class="dropdown-menu dropdown-with-icons">
  35. <a href="heat.html" class="dropdown-item"><svg id="Biotherm-Heat-Icon" data-name="Biotherm-Heat-Icon" width="40px" height="40px" viewBox="0 0 200 200"><path class="biotherm-heat-icon" d="M108.92,23.34q6.19-2.68,12.38-5.44a38.43,38.43,0,0,1,6,13,49,49,0,0,1,1.55,13.47,56.33,56.33,0,0,1-.64,9.71,28.14,28.14,0,0,0-.42,2.88C137.86,58,148,60.68,156.69,66.08a46.3,46.3,0,0,1,13,11.75c1.35,1.74,2.32,3.74,3.56,5.56a56.2,56.2,0,0,1,3.52,9,50,50,0,0,1,1.58,10.68,67,67,0,0,1-.76,9.17,57.88,57.88,0,0,1-5.45,16.4,71.75,71.75,0,0,1-9,14.14,96.29,96.29,0,0,1-23.15,20.77,113.62,113.62,0,0,1-22.77,11.55c-15.05,5.63-31.4,8.3-47.42,6.34A64.57,64.57,0,0,1,41,171.1a45.5,45.5,0,0,1-9.64-8.79,57.56,57.56,0,0,1-4.56-6.9c-3-6-5.11-12.57-5.1-19.32A54.09,54.09,0,0,1,26.42,113a67.6,67.6,0,0,1,5.78-10.65A91.47,91.47,0,0,1,50.6,82.05a63.33,63.33,0,0,1,6.18-4.75C57,68.75,55.33,60,50.94,52.54c-.49-.93-1.19-1.74-1.6-2.71,3.95-1.85,8-3.54,11.95-5.31.47-.29.72.33,1,.61A43.4,43.4,0,0,1,68.77,65.9a60.67,60.67,0,0,1-.54,12.49,84.13,84.13,0,0,1-4.76,18.4,55.07,55.07,0,0,0-2.76,14.09,29.94,29.94,0,0,0,3.64,15.33,45,45,0,0,0,7.83,10.64A48.15,48.15,0,0,0,80,143.4c2.88-1.24,5.77-2.48,8.62-3.8-2.15-1.82-4.53-3.36-6.59-5.29C76,129,71.4,122,69.89,114.11a31.82,31.82,0,0,1,.86-15.71c1.36-4.18,2.13-8.52,3.57-12.66,2.39-9.54,3.33-19.61,1.26-29.29a41.15,41.15,0,0,0-6.65-15.27,7.33,7.33,0,0,1,.67-.39c3.88-1.76,7.79-3.45,11.68-5.2a29.44,29.44,0,0,1,3.82,6.73,47.51,47.51,0,0,1,3.55,22,80.07,80.07,0,0,1-5.21,24,49.78,49.78,0,0,0-2.58,16.5,32.28,32.28,0,0,0,4.81,14.55,48.82,48.82,0,0,0,14.35,15,7.54,7.54,0,0,0,1.64-.61c2.37-1.11,4.82-2,7.14-3.24a75.05,75.05,0,0,1-8-6.53,39.57,39.57,0,0,1-8.53-12,32.08,32.08,0,0,1-2.47-17.56,58.69,58.69,0,0,1,1.92-7.71c.86-3.07,1.36-6.24,2.51-9.22a71.3,71.3,0,0,0,2.55-17.12,31.72,31.72,0,0,0,0-3.9,46.94,46.94,0,0,0-2.66-14.37,40.84,40.84,0,0,0-4.67-9.11,5.57,5.57,0,0,1-.48-.9c4.14-1.79,8.23-3.69,12.39-5.45a35.14,35.14,0,0,1,5.14,10.05,51.29,51.29,0,0,1,2.27,19.85A80.36,80.36,0,0,1,104,78.43a55.78,55.78,0,0,0-2.83,13,28.71,28.71,0,0,0,2.35,14.43,47.59,47.59,0,0,0,16.81,19.68,4.54,4.54,0,0,0,1.4-.47c2.35-1.09,4.78-2,7.08-3.22A65.62,65.62,0,0,1,118,112.35,40.7,40.7,0,0,1,111.37,101,31.17,31.17,0,0,1,110,84.69a49.43,49.43,0,0,1,1.64-6.3c.94-3.2,1.42-6.52,2.6-9.65a74.38,74.38,0,0,0,2.49-14.83c.05-2.23,0-4.47,0-6.71a45.4,45.4,0,0,0-3-14.62,37.78,37.78,0,0,0-3-6.32,29.47,29.47,0,0,1-1.81-2.92"/></svg> Climate Systems</a>
  36. <a href="hydro.html" class="dropdown-item"><svg id="Biotherm-Hydra-Icon" data-name="Biotherm-Hydro-Icon" width="40px" height="40px" viewBox="0 0 200 200"><path class="biotherm-hydro-icon" d="M107,14.07c0,23.88-14.25,43.79-28,63.71-5.66-4.75-13-9.71-22.14-9.55a46.84,46.84,0,0,0-23.49,7.39V87.2a46.22,46.22,0,0,1,23.49-7c13.66,0,23.59,11.18,29.31,16.27,8.45,7.53,22.35,13.66,31.66,13.66a78.2,78.2,0,0,0,8.32-.63V117a81.15,81.15,0,0,1-8.32.77c-9.31.17-23.21-5.7-31.66-13.08-5.72-5-15.65-16-29.31-15.72a46.72,46.72,0,0,0-23.49,7.38V108A46.22,46.22,0,0,1,56.93,101c13.66,0,23.59,11.18,29.31,16.27,8.45,7.53,22.35,13.66,31.66,13.66a78.2,78.2,0,0,0,8.32-.63v7.48a81.15,81.15,0,0,1-8.32.77c-9.31.17-23.21-5.7-31.66-13.08-5.72-5-15.65-16-29.31-15.73a46.92,46.92,0,0,0-23.49,7.38v11.59a46.22,46.22,0,0,1,23.49-7c13.66,0,23.59,11.18,29.31,16.27,8.45,7.53,22.35,13.66,31.66,13.66a78.2,78.2,0,0,0,8.32-.63v7.48a81.15,81.15,0,0,1-8.32.77c-9.31.17-23.21-5.7-31.66-13.08-5.72-5-15.65-16-29.31-15.72a46.72,46.72,0,0,0-23.49,7.38v11.58c7.54-4.5,14.88-6.75,20.88-7.19a56.27,56.27,0,0,0,112.24-5.75c0-45.13-53-76.4-53-122.47,0-9.29-6.53-9-6.53,0"/></svg> Hydro Sciences</a>
  37. <a href="tech.html" class="dropdown-item"><svg id="Biotherm-Tech-Icon" data-name="Biotherm-Tech-Icon" width="40px" height="40px" viewBox="0 0 200 200"><path class="biotherm-tech-icon" d="M105.35,87.17c13.49,4.28,26,22.82,41.16,25.26l0-.09a20.79,20.79,0,0,0,3.26.29c13,.09,23.5-7,23.5-7l.08-11.24s-11.15,6.07-22.47,6.59C164.28,64.13,171,26.65,171,26.65s-14.5,28.51-64.9,31.12c-36,1.87-50.49,14.08-60.62,24.6-23.62,24.53-8.6,68.69-8.6,68.69l-10.31,8.65,9.53,10.73,10.15-8.88c22,12,48.68,18.93,69.82.21,1.49-1.33,3-2.78,4.39-4.33,9,7.33,18.27,15.84,28.9,15.91,13,.09,23.5-7,23.5-7l.08-11.25s-11.84,6.44-23.5,6.62c-8.37.13-15.66-5.51-22.89-11.68l0-.06c-6.38-5.44-12.72-11.27-19.71-13.88l-1.69-.61h0l-1.16-.4c-12.44-4.15-19-2.85-20.6-2.41v-7.37c1.12-.23,9.55-1.74,22,2.2l.54.18c14.13,5,27.19,25.16,43.58,25.28,13,.08,23.5-7,23.5-7l.08-11.25s-11.84,6.45-23.5,6.63c-5.1.07-9.81-2-14.34-5l0,0c-9.45-6.36-18.17-16.81-28.25-20.56-1-.38-2-.72-2.93-1-12.81-4.27-19.4-2.74-20.68-2.36v-7.44c1.72-.33,9.93-1.52,21.76,2.23,11.16,3.54,21.61,16.83,33.5,22.7a1.17,1.17,0,0,0,0-.11,24.75,24.75,0,0,0,10.92,2.87c12.95.09,23.5-7,23.5-7l.07-11.25s-11.83,6.44-23.49,6.62C134,121.1,122,100.76,107,95.18,91.8,89.51,84.37,91.6,83.45,91.9V85C84.83,84.68,93.17,83.31,105.35,87.17Z"/></svg> Data &amp; Automation</a>
  38. </div>
  39. </li>
  40. <li class="nav-item"><a class="nav-link" href="about.html">Store</a></li>
  41. <li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
  42. <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
  43. <li class="nav-item"><a class="nav-link" href="quote.html">Quote</a></li>
  44. <li class="nav-item"><a class="nav-link nav-link-icon" href="https://www.instagram.com/biothermsolutions/" class="btn btn-just-icon btn-link btn-instagram" style="margin-left: 20px;margin-right:-10px;"><i class="fab fa-instagram"></i></a></li>
  45. <li class="nav-item"><a class="nav-link nav-link-icon" href="https://www.linkedin.com/company/trueleaf-technologies" class="btn btn-just-icon btn-link btn-facebook"><i class="fab fa-linkedin"></i></a></li>
  46. </ul>
  47. </div>
  48. </div>
  49. </nav>
  50. <div id="carouselExampleIndicators" class="carousel slide carousel-fade" data-ride="carousel" data-interval="8000">
  51. <ol class="carousel-indicators">
  52. <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
  53. <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
  54. <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
  55. <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
  56. <li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
  57. <li data-target="#carouselExampleIndicators" data-slide-to="5"></li>
  58. <li data-target="#carouselExampleIndicators" data-slide-to="6"></li>
  59. </ol>
  60. <div class="carousel-inner" role="listbox">
  61. <!-- Slide Zero -->
  62. <div class="main-carousel-item carousel-item active carousel-background" style="background:#000;">
  63. <div class="carousel-caption d-none d-md-block">
  64. <h1><span class="animated fadeInDownBig">Solutions</span></h1>
  65. <h3 class="animated fadeInUp">Our innovative energy-saving technology is designed to meet the individual needs of even the most demanding projects.</h3>
  66. <h2></h2>
  67. </div>
  68. </div>
  69. <!-- Slide One -->
  70. <div class="main-carousel-item carousel-item carousel-background" style="background-image: url('img/project_north_creek_nursery.jpg')">
  71. <div class="carousel-caption d-none d-md-block">
  72. <h2 class="animated fadeInDown">Improving Turns and Planning for the Future</h2>
  73. <h3 class="animated fadeIn">a way to turn more crops over each spring and expand the capacity of their growing operations.</h3>
  74. </div>
  75. </div>
  76. <!-- Slide Two -->
  77. <div class="main-carousel-item carousel-item carousel-background" style="background-image: url('img/tech.jpg')">
  78. <div class="carousel-caption d-none d-md-block">
  79. <h2 class="animated fadeInUp">Know your DO?</h2>
  80. <p>Heating - Cooling - Dehumidification - CO2</p>
  81. </div>
  82. </div>
  83. <!-- Slide Three -->
  84. <div class="main-carousel-item carousel-item carousel-filter carousel-background" style="background-image: url('img/heat.jpg')">
  85. <div class="carousel-caption d-none d-md-block">
  86. <h3>Boost plant growth using pure oxygen</h3>
  87. <p>(flat image with oxygen molecules – bubbles - water) - The Toob</p>
  88. </div>
  89. </div>
  90. <!-- Slide Four -->
  91. <div class="main-carousel-item carousel-item carousel-filter carousel-background" style="background-image: url('img/KYG_Dashboard.jpg')">
  92. <div class="carousel-caption d-none d-md-block">
  93. <h3>"Knowledge is power" (flat image with wireless circuitry and plant)</h3>
  94. <p>- Data Collection and Visualization - Nutrient Dosing - Wireless technologies</p>
  95. </div>
  96. </div>
  97. <!-- Slide Five -->
  98. <div class="main-carousel-item carousel-item carousel-filter carousel-background" style="background-image: url('img/project_north_creek_nursery.jpg')">
  99. <div class="carousel-caption d-none d-md-block">
  100. <h3>"Knowledge is power" (flat image with wireless circuitry and plant)</h3>
  101. <p>- Data Collection and Visualization - Nutrient Dosing - Wireless technologies</p>
  102. </div>
  103. </div>
  104. <!-- Slide Six -->
  105. <div class="main-carousel-item carousel-item carousel-filter carousel-background" style="background-image: url('img/heat-side.jpg')">
  106. <div class="carousel-caption d-none d-md-block">
  107. <h3>Controlling Costs and Improving Consistency</h3>
  108. <p>- Data Collection and Visualization - Nutrient Dosing - Wireless technologies</p>
  109. </div>
  110. </div>
  111. <!-- Slide Seven -->
  112. <div class="main-carousel-item carousel-item carousel-filter carousel-background" style="background:#000;">
  113. <div class="carousel-caption d-none d-md-block">
  114. <h3 class="animated slideInUp">Improving Heating Costs and Plant Health</h3>
  115. <p>- Data Collection and Visualization - Nutrient Dosing - Wireless technologies</p>
  116. </div>
  117. </div>
  118. </div>
  119. <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
  120. <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  121. <span class="sr-only">Previous</span>
  122. </a>
  123. <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
  124. <span class="carousel-control-next-icon" aria-hidden="true"></span>
  125. <span class="sr-only">Next</span>
  126. </a>
  127. </div>
  128. <div class="main main-raised">
  129. <div class="container">
  130. <div class="section text-center">
  131. <!-- <div class="row">
  132. <div class="col-md-8 ml-auto mr-auto">
  133. <h2>Solutions</h2>
  134. </div>
  135. </div> -->
  136. <div class="features">
  137. <div class="col-md-8 ml-auto mr-auto text-center">
  138. <div class="row">
  139. <div class="col-md-4">
  140. <div class="products">
  141. <div class="card-body">
  142. <div class="icon icon-info">
  143. <img class="img" src="img/biotherm-heat.png" style="width:50px;"/>
  144. </div>
  145. <h4 class="card-title">Climate Systems</h4>
  146. <ul class="product-card-list">
  147. <li>Heating - Cooling</li>
  148. <li>Dehu - CO<sub>2</sub></li>
  149. </ul>
  150. <a href="heat.html"><button type="button" class="btn btn-danger"><b>Climate Systems</b></button></a>
  151. </div>
  152. </div>
  153. </div>
  154. <div class="col-md-4">
  155. <div class="products">
  156. <div class="card-body">
  157. <div class="icon icon-success">
  158. <img class="img" src="img/biotherm-hydro.png" style="width:50px;"/>
  159. </div>
  160. <h4 class="card-title">Hydro Sciences</h4>
  161. <ul class="product-card-list">
  162. <li>Oxygen Infusion</li>
  163. <li>Flood Floors</li>
  164. </ul>
  165. <a href="hydro.html"><button type="button" class="btn btn-hydro"><b>Hydro Sciences</b></button></a>
  166. </div>
  167. </div>
  168. </div>
  169. <div class="col-md-4">
  170. <div class="products">
  171. <div class="card-body">
  172. <div class="icon icon-danger">
  173. <img class="img" src="img/biotherm-tech.png" style="width:50px;"/>
  174. </div>
  175. <h4 class="card-title">Data &amp; Automation</h4>
  176. <ul class="product-card-list">
  177. <li>Data Visualization</li>
  178. <li>Control Solutions</li>
  179. </ul>
  180. <a href="tech.html"><button type="button" class="btn btn-success"><b>Data &amp; Automation</b></button></a>
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189. <!-- ********* BLOG ********* -->
  190. <div id="blog" class="section blog">
  191. <div class="container">
  192. <div class="row">
  193. <div class="col-md-10 ml-auto mr-auto">
  194. <h2>Know Your <b>Grow</b></h2>
  195. <div class="row">
  196. <div class="col-md-3">
  197. <div class="card card-plain card-blog">
  198. <div class="card-header card-header-image">
  199. <a href="post-efficient-heat-greenhouse-winter.html"><img class="img img-raised" src="img/card.jpg"></a>
  200. </div>
  201. <div class="card-body">
  202. <h6 class="card-category text-info"><i class="far fa-lightbulb fa-2x"></i> Enterprise</h6>
  203. <h4 class="card-title"><a href="post-efficient-heat-greenhouse-winter.html">What Is the Most Efficient Way to Heat a Greenhouse in the Winter?</a></h4>
  204. <p class="card-description">If you’re growing your crops year-round using a light deprivation greenhouse, heating costs can be prohibitive, especially in winter. <a href="post-efficient-heat-greenhouse-winter.html"> Read More </a></p>
  205. </div>
  206. </div>
  207. </div>
  208. <div class="col-md-3">
  209. <div class="card card-plain card-blog">
  210. <div class="card-header card-header-image">
  211. <a href="post-what-is-root-zone-heating.html"><img class="img img-raised" src="img/card1.jpg"></a>
  212. </div>
  213. <div class="card-body ">
  214. <h6 class="card-category text-success"><i class="fas fa-leaf fa-2x"></i> Technique</h6>
  215. <h4 class="card-title"><a href="post-what-is-root-zone-heating.html">What is Root Zone Heating?</a></h4>
  216. <p class="card-description">Horticulture engineers have spent years developing heating systems to maintain uniform temperatures within a greenhouse, and all would agree heating from the ground up simply makes the most sense. <a href="post-what-is-root-zone-heating.html"> Read More </a></p>
  217. </div>
  218. </div>
  219. </div>
  220. <div class="col-md-3">
  221. <div class="card card-plain card-blog">
  222. <div class="card-header card-header-image">
  223. <a href="post-spotlight-micheals-greenhouses.html"><img class="img img-raised" src="img/card2.jpg"></a>
  224. </div>
  225. <div class="card-body ">
  226. <h6 class="card-category text-danger"><i class="fas fa-map-marker-alt fa-2x"></i> Project</h6>
  227. <h4 class="card-title"><a href="post-spotlight-micheals-greenhouses.html">Project Spotlight: Michael’s Greenhouses</a></h4>
  228. <p class="card-description">Michael's Greenhouses is located in Cheshire CT and has been owned and operated by the Arisco family since 1969. Michael's is a leading wholesale grower of annuals and perennials. <a href="post-spotlight-micheals-greenhouses.html"> Read More </a></p>
  229. </div>
  230. </div>
  231. </div>
  232. <div class="col-md-3">
  233. <div class="card card-plain card-blog">
  234. <div class="card-header card-header-image">
  235. <a href="post-considering-new-projects.html"><img class="img img-raised" src="img/card3.jpg"></a>
  236. </div>
  237. <div class="card-body ">
  238. <h6 class="card-category text-info"><i class="fas fa-chart-line fa-2x"></i> Trade</h6>
  239. <h4 class="card-title"><a href="post-considering-new-projects.html">Six Important Points to Consider with Regard to New Projects</a></h4>
  240. <p class="card-description">Although it may seem like Spring just started, Summer is right around the corner and it's time to start thinking about upcoming expansions. <a href="post-considering-new-projects.html"> Read More </a></p>
  241. </div>
  242. </div>
  243. </div>
  244. </div>
  245. </div>
  246. </div>
  247. </div>
  248. </div>
  249. <!-- ********* END BLOG ********* -->
  250. <!-- ********* SIGNUP ********* -->
  251. <div class="" data-parallax="true" style="background:#555">
  252. <div class="container section" >
  253. <div class="row">
  254. <div class="col-md-8 ml-auto mr-auto text-center">
  255. <h3 class="title" style="color:#fff;"> Newsletter</h3>
  256. <h4 style="color:#fff;">If you're interested in our solutions, please sign up to recieve our newsletter. We won't spam you and we won't share your email address with anyone else.</h4>
  257. </div>
  258. <div class="col-md-10 ml-auto mr-auto">
  259. <div class="card card-raised card-form-horizontal">
  260. <div class="card-body">
  261. <form action="https://biothermsolutions.us10.list-manage.com/subscribe/post?u=48c99220bd0be25b13d87b572&amp;id=f0535208b7" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
  262. <div class="row">
  263. <div class="col-md-3">
  264. <div class="form-group">
  265. <input type="text" value="" placeholder="First Name" class="form-control" name="FNAME" id="mce-FNAME">
  266. </div>
  267. </div>
  268. <div class="col-md-3">
  269. <div class="form-group">
  270. <input type="text" value="" placeholder="Last Name" class="form-control" name="LNAME" id="mce-LNAME">
  271. </div>
  272. </div>
  273. <div class="col-md-3">
  274. <div class="form-group">
  275. <input type="email" value="" placeholder="Email Address" class="form-control required email" name="EMAIL" id="mce-EMAIL">
  276. </div>
  277. </div>
  278. <div class="col-md-3">
  279. <button type="submit" name="subscribe" id="mc-embedded-subscribe" class="btn btn-hydro signup btn-block">Sign up</button>
  280. </div>
  281. </div>
  282. </form>
  283. </div>
  284. </div>
  285. </div>
  286. </div>
  287. </div>
  288. </div>
  289. <!-- ********* END SIGNUP ********* -->
  290. <!-- ********* CONTACT ********* -->
  291. <div id="contactmap" class="contactus-2">
  292. <div id="contactUs2Map" class="map"></div>
  293. <div class="container section">
  294. <div class="col-md-6">
  295. <div class="card card-contact card-raised">
  296. <form id="contact-form" method="post" action="forms/contact.php" role="form">
  297. <div class="controls">
  298. <div class="card-header card-header-success text-center">
  299. <h4 class="card-title">Contact Us</h4>
  300. </div>
  301. <div class="card-body">
  302. <div class="row">
  303. <img class="rounded img-raised img-fluid" src="img/biotherm-office-small.jpg" style="width:490px;">
  304. <div class="col-md-6">
  305. <div class="info-horizontal">
  306. <div class="icon icon-danger"><i class="fas fa-phone"></i></div>
  307. <div class="description">
  308. <h5 class="info-title">Phone</h5>
  309. <p> 800-438-4328<br> Mon - Fri, 8:00am - 5:00pm</p>
  310. </div>
  311. </div>
  312. </div>
  313. <div class="col-md-6">
  314. <div class="info-horizontal">
  315. <div class="icon icon-danger"><i class="fas fa-map-marker-alt"></i></div>
  316. <div class="description">
  317. <h5 class="info-title">Office</h5>
  318. <p> 476 Primero Court<br> Cotati, CA 94931<br> USA</p>
  319. </div>
  320. </div>
  321. </div>
  322. </div>
  323. <div class="messages"></div>
  324. <div class="row">
  325. <div class="col-md-6">
  326. <div class="form-group label-floating is-empty has-rose">
  327. <label for="form_name" class="bmd-label-floating">Name</label>
  328. <input id="form_name" type="text" name="name" class="form-control" required="required" data-error="A Name is Required.">
  329. <span class="material-input"></span>
  330. </div>
  331. </div>
  332. <div class="col-md-6">
  333. <div class="form-group label-floating is-empty has-rose">
  334. <label for="form_email" class="bmd-label-floating">Email address</label>
  335. <input id="form_email" type="email" name="email" class="form-control" required="required" data-error="Valid Email is Required.">
  336. <span class="material-input"></span>
  337. </div>
  338. </div>
  339. </div>
  340. <div class="form-group label-floating has-rose is-empty">
  341. <label for="message" class="bmd-label-floating">Your Message</label>
  342. <textarea id="form_message" name="message" class="form-control" rows="6" required="required" data-error="Please Leave Us a Message."></textarea>
  343. <span class="material-input"></span>
  344. </div>
  345. </div>
  346. <div class="card-footer justify-content-between">
  347. <!---<div class="form-check">
  348. <label class="form-check-label">
  349. <input class="form-check-input" type="checkbox" value=""> I'm not a robot
  350. <span class="form-check-sign">
  351. <span class="check"></span>
  352. </span>
  353. </label>
  354. </div>-->
  355. <button type="submit" class="btn btn-success pull-right">Send Message</button>
  356. </div>
  357. </div>
  358. </form>
  359. </div>
  360. </div>
  361. </div>
  362. </div>
  363. <!-- ********* END CONTACT ********* -->
  364. </div>
  365. <!-- ********* FOOTER ********* -->
  366. <footer class="footer footer-white footer-big">
  367. <div class="container">
  368. <div class="content">
  369. <div class="row">
  370. <div class="col-md-3">
  371. <h5>About</h5>
  372. <ul class="links-vertical">
  373. <li><a href="about.html">About Us</a></li>
  374. <li><a href="contact.html">Employment</a></li>
  375. <li><a href="contact.html">Contact</a></li>
  376. </ul>
  377. </div>
  378. <div class="col-md-3">
  379. <h5>Product</h5>
  380. <ul class="links-vertical">
  381. <li><a href="heat.html">Climate Systems</a></li>
  382. <li><a href="hydro.html">Hydro Sciences</a></li>
  383. <li><a href="tech.html">Data &amp; Automation</a></li>
  384. </ul>
  385. </div>
  386. <div class="col-md-3">
  387. <h5>Support</h5>
  388. <ul class="links-vertical">
  389. <li><a href="about.html">Sales</a></li>
  390. <li><a href="contact.html">Support</a></li>
  391. <li><a href="privacy.html">Privacy</a></li>
  392. </ul>
  393. </div>
  394. <div class="col-md-3">
  395. <h5>Connect</h5>
  396. <p><a href="tel:1-800-438-4328"><i class="fas fa-phone"></i> <strong>800-438-4328</strong></a></p>
  397. <script>document.write("<n uers='znvygb:vasb@ovbgurezfbyhgvbaf.pbz'>vasb@ovbgurezfbyhgvbaf.pbz</n>".replace(/[a-zA-Z]/g, function(c){return String.fromCharCode((c<="Z"?90:122)>=(c=c.charCodeAt(0)+13)?c:c-26);}));</script>
  398. <ul class="social-buttons">
  399. <li><a href="https://www.instagram.com/biothermsolutions/" class="btn btn-just-icon btn-link btn-instagram"><i class="fab fa-instagram"></i></a></li>
  400. <li><a href="https://www.linkedin.com/company/trueleaf-technologies" class="btn btn-just-icon btn-link btn-facebook"><i class="fab fa-linkedin"></i></a></li>
  401. </ul>
  402. </div>
  403. </div>
  404. </div>
  405. </div>
  406. </footer>
  407. <!-- ********* END FOOTER ********* -->
  408. <script src="js/jquery.min.js"></script>
  409. <script src="js/popper.min.js"></script>
  410. <script src="js/bootstrap-material-design.min.js"></script>
  411. <script src="js/material-kit.min.js"></script>
  412. <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB7ggSZufhKYdFE5PfBcy6aS4xnaX4-O_0"></script>
  413. <script src="js/instagram.js"></script>
  414. <script src="js/map.js"></script>
  415. <script src="js/init.js"></script>
  416. <script src="js/validator.js"></script>
  417. <script src="forms/contact.js"></script>
  418. </body>
  419. </html>