about_fitolab.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5. <meta charset="UTF-8">
  6. <title>Land Green</title>
  7. <script src="../static/js/jquery.min.js"></script>
  8. <link rel="stylesheet" href="../static/css/bootstrap.min.css">
  9. <script src="../static/js/bootstrap.min.js"></script>
  10. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  11. <link rel="stylesheet" href="../static/css/general.css?78">
  12. <style>
  13. .detail {
  14. width:100%;
  15. font-size:1.2em;
  16. padding: 15px 32px;
  17. margin: 4px 0;
  18. }
  19. </style>
  20. <script>
  21. $(document).ready(function(){
  22. img_resize();
  23. });
  24. function img_resize(){
  25. var img_width = $('img').width();
  26. $('img').height(img_width);
  27. }
  28. </script>
  29. </head>
  30. <body onresize="img_resize()" style="height:2000px;">
  31. <style>
  32. .navbar-nav{
  33. width: 100%;
  34. text-align:center;
  35. }
  36. .navbar-nav > li{
  37. float: none;
  38. display: inline-block;
  39. width: 160px;
  40. }
  41. @media screen and (min-width: 768px){
  42. .modal-dialog {
  43. width: 400px;
  44. margin: 50px auto;
  45. }
  46. /*@media screen and (min-width: 768px) and (max-width: 1100px){
  47. .navbar-toggle {
  48. display: block;
  49. }
  50. .navbar-collapse.collapse{
  51. display: none;
  52. }
  53. }*/
  54. }
  55. @media screen and (max-width: 768px){
  56. .navbar-nav > li {
  57. display: block;
  58. }
  59. }
  60. @media screen and (max-width: 500px) {
  61. .mainpage{
  62. zoom:60%;
  63. margin-top: 150px;
  64. }
  65. .language{
  66. width:120px;
  67. }
  68. /*.nav-top div{
  69. text-align:left;
  70. padding-left:10px;
  71. }*/
  72. .website_title {
  73. font-size:1.5em;
  74. }
  75. }
  76. </style>
  77. <nav class="navbar-default nav-top navbar-fixed-top">
  78. <div>
  79. <label class="website_title">Fitolab Formula-G1</label>
  80. </div>
  81. </nav>
  82. <nav class="navbar navbar-inverse nav-bottom navbar-fixed-top" role="navigation">
  83. <div class="container-fluid">
  84. <div class="navbar-header">
  85. <button class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
  86. <span class="icon-bar"></span>
  87. <span class="icon-bar"></span>
  88. <span class="icon-bar"></span>
  89. </button>
  90. </div>
  91. <div class="collapse navbar-collapse" id="myNavbar">
  92. <ul class="nav navbar-nav">
  93. <li class="li-left"><a href="about_fitolab.html">Online Fitolab</a></li>
  94. <li class="li-left"><a href="online_fitolab.html">About Fitolab</a></li>
  95. <!--li class="dropdown">
  96. <a class="dropdown-toggle" data-toggle="dropdown" href="#">Types of Plant
  97. <span class="caret"></span></a>
  98. <ul class="dropdown-menu">
  99. <li><a href="#">Berries</a></li>
  100. <li><a href="#">Fruits</a></li>
  101. <li><a href="#">Vegetables</a></li>
  102. <li><a href="#">Flowers</a></li>
  103. <li><a href="#">Herbs</a></li>
  104. </ul>
  105. </li-->
  106. <li class="li-left"><a href="#">Contact Us</a></li>
  107. <li></li>
  108. <li></li>
  109. <li></li>
  110. <li></li>
  111. <li></li>
  112. <li class="li-right"><a href="profile.html"><i class="fa fa-user-o"></i><span>User</span></a></li>
  113. <li class="li-right"><a href="../logout.php"><!--i class="fa-2x fa fa-sign-out"></i-->Logout</a></li>
  114. </ul>
  115. </div>
  116. </div>
  117. </nav> <div class="mainpage">
  118. <div class="page_title" style="width:60%;font-size:2em;margin:0 20%;">
  119. Settings parametrs of liquid
  120. </div>
  121. <div class="container">
  122. <div class="row">
  123. <div class="col-lg-4 col-md-4 col-sm-6 col-xs-6" style="margin:2em 0;">
  124. <div><img src="" class="show_img"></img></div>
  125. <div><a href="online_fitolab.html"><button class="detail">Online Fitolab</button></a></div>
  126. </div>
  127. <div class="col-lg-4 col-md-4 col-sm-6 col-xs-6" style="margin:2em 0;">
  128. <div><img src="" class="show_img"></img></div>
  129. <div><a href="fitolab_setting.html"><button class="detail">Fitolab Settings</button></a></div>
  130. </div>
  131. <div class="col-lg-4 col-md-4 col-sm-6 col-xs-6" style="margin:2em 0;">
  132. <div><img src="" class="show_img"></img></div>
  133. <div><a href="../about_formula.html"><button class="detail">Rent New Fitolab</button></a></div>
  134. </div>
  135. <div class="col-lg-4 col-md-4 col-sm-6 col-xs-6" style="margin:2em 0;">
  136. <div><img src="" class="show_img"></img></div>
  137. <div><a href="#"><button class="detail">Types of Plants</button></a></div>
  138. </div>
  139. <div class="col-lg-4 col-md-4 col-sm-6 col-xs-6" style="margin:2em 0;">
  140. <div><img src="" class="show_img"></img></div>
  141. <div><a href="#"><button class="detail">Suggestions</button></a></div>
  142. </div>
  143. <div class="col-lg-4 col-md-4 col-sm-6 col-xs-6" style="margin:2em 0;">
  144. <div><img src="" class="show_img"></img></div>
  145. <div><a href="#"><button class="detail">Competitions</button></a></div>
  146. </div>
  147. </div>
  148. </div>
  149. </div>
  150. </body>
  151. </html>