Home Explore Help
Register Sign In
choozmo
/
hhh_step_question
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

banners

huaisianhuang 3 years ago
parent
faf2033707
commit
485a1a9a24
6 changed files with 21 additions and 10 deletions
Unified View Show Diff Stats
  1. BIN
      step_question/apis/static/images/banner-bottom.jpg
  2. BIN
      step_question/apis/static/images/banner_top.jpg
  3. BIN
      step_question/apis/static/images/建案QR_LINE_2500x1686.png
  4. BIN
      step_question/apis/static/images/建案QR_折價券_768x1024.png
  5. 7 8
      step_question/apis/static/index2.html
  6. 14 2
      step_question/apis/static/style.css

BIN
step_question/apis/static/images/banner-bottom.jpg
View File


BIN
step_question/apis/static/images/banner_top.jpg
View File


BIN
step_question/apis/static/images/建案QR_LINE_2500x1686.png
View File


BIN
step_question/apis/static/images/建案QR_折價券_768x1024.png
View File


+ 7 - 8
step_question/apis/static/index2.html
View File 

@@ -12,14 +12,14 @@
 
   <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
 
   <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
 
 </head>
 
 </head>
 
 <body>
 
 <body>
 
-  <nav class="navbar navbar-expand-lg sticky-top">
 
-    <div class="container-fluid d-flex flex-column">
 
+  <nav class="navbar navbar-expand-lg sticky-top p-0">
 
+    <div class="container-fluid d-flex flex-column img_banner">
 
     <!--<a class="navbar-brand" href="#">Navbar</a> -->
 
     <!--<a class="navbar-brand" href="#">Navbar</a> -->
 
-      <div class="title__block">
 
+      <!-- <div class="title__block">
 
         <img src="https://hhh.com.tw/assets/images/hhh-logo2.svg" width="145" height="40" alt="hhh-logo" class="img_logo">
 
         <img src="https://hhh.com.tw/assets/images/hhh-logo2.svg" width="145" height="40" alt="hhh-logo" class="img_logo">
 
         <span class="sub-logo mb-0">裝修市調</span>
 
         <span class="sub-logo mb-0">裝修市調</span>
 
       </div>
 
       </div>
 
-      <span class="slogan">送五萬元裝潢折抵券＋咖啡折價券</span>
 
+      <span class="slogan">送五萬元裝潢折抵券＋咖啡折價券</span> -->
 
     </div>
 
     </div>
 
   </nav>
 
   </nav>
 
   <!-- <div class="top">
 
   <!-- <div class="top">
 
@@ -132,10 +132,9 @@
 
 </form>
 
 </form>
 
 <footer>
 
 <footer>
 
   <div class="footer">
 
   <div class="footer">
 
-    <p>咖啡限量100杯 ，送完為止</p>
 
-    <!-- <div class="img_fr">
 
-      <img src="images/demo.png" alt="">
 
-    </div> -->
 
+    <div class="img_fr">
 
+      <img src="images/banner-bottom.jpg" alt="">
 
+    </div>
 
   </div>
 
   </div>
 
 </footer>
 
 </footer>
 
 <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
 
 <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>

+ 14 - 2
step_question/apis/static/style.css
View File 

@@ -45,6 +45,15 @@ body {
 
 	background-color: #ee7800;
 
 	background-color: #ee7800;
 
 }
 
 }
 
 
 
+.img_banner {
 
+	background-image: url('images/banner_top.jpg');
 
+	background-repeat: no-repeat;
 
+	background-size: cover;
 
+	background-position: center;
 
+	width: 100%;
 
+	height: 150px;
 
+}
 
+
 
 /*form styles*/
 
 /*form styles*/
 
 .img_logo {
 
 .img_logo {
 
 	display: inline-block;
 
 	display: inline-block;
 
@@ -358,9 +367,12 @@ footer {
 
 }
 
 }
 
 
 
 .img_fr {
 
 .img_fr {
 
-	width: 170px;
 
-	height: 200px;
 
+	width: 80%;
 
+	max-width: 1000px;
 
+	min-width: 300px;
 
+	height: 60px;
 
 	object-fit: cover;
 
 	object-fit: cover;
 
+	object-position: center;
 
 }
 
 }
 
 
 
 .img_fr img {
 
 .img_fr img {