s
This commit is contained in:
180
src/components/ifooter.vue
Normal file
180
src/components/ifooter.vue
Normal file
@@ -0,0 +1,180 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="footer">
|
||||
<div class="row1">
|
||||
<div class="pageWidth">
|
||||
<table class="footerTable">
|
||||
<thead class="bread desktop smallDesktop">
|
||||
<tr><th >我们的办公室</th>
|
||||
<th>快速链接</th>
|
||||
</tr></thead>
|
||||
<tbody><tr>
|
||||
<td class="stackable">
|
||||
<ul class="quickLinks bread">
|
||||
<li v-for="item in contactData" :key="item.name" >
|
||||
<label>{{item.name+"："}}</label>
|
||||
<label>{{item.value}}</label>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</td>
|
||||
<td class="quickLinksContainer">
|
||||
<div class="mobile mobileFooterTitle bread">Snabblänkar</div>
|
||||
<ul class="quickLinks bread">
|
||||
<li v-for="menu in menus" :key="menu.name" >
|
||||
<router-link :to="menu.url">{{menu.name}}</router-link>
|
||||
</li>
|
||||
</ul>
|
||||
</td></tr></tbody></table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row2">
|
||||
<div class="contentContainer pageWidth">
|
||||
<div class="bread">Copyright © 2018 Bimwe Technology co. LTD</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- container for support and content forms -->
|
||||
<div id="forms">
|
||||
<!-- SUPPORT FORM -->
|
||||
<div id="formContactContainer" class="formContainer bottomShadow">
|
||||
|
||||
<span class="btnQuitForm">X</span>
|
||||
|
||||
<div class="formResultContainer">
|
||||
<h1>Tack för att du kontaktade oss</h1>
|
||||
<p>Vi svarar dig så fort vi kan.</p>
|
||||
</div>
|
||||
|
||||
<table class="contactTable">
|
||||
<tbody>
|
||||
<tr>
|
||||
<!-- LEFT (CONTACT FORM) -->
|
||||
<td class="contactColumn">
|
||||
|
||||
<div class="formInputContainer">
|
||||
|
||||
<h1>Kontakta oss</h1>
|
||||
|
||||
<p class="contactSubtitle">Vad roligt att du är intresserad!</p>
|
||||
|
||||
<p class="leftAligned">Fyll i dina uppgifter, så kontaktar vi dig så fort som möjligt.</p>
|
||||
|
||||
<form id="formContact">
|
||||
|
||||
<label for="conName">Namn:</label>
|
||||
<input type="text" name="name" id="conName"><br>
|
||||
|
||||
<label for="conEmail">Mejladress: <span class="required">*</span></label>
|
||||
<input type="email" name="email" id="conEmail" required=""><br>
|
||||
|
||||
<label for="conPhone">Telefonnummer:</label>
|
||||
<input type="text" name="phone" id="conPhone"><br>
|
||||
|
||||
<label for="conComments">Vad vill du veta mer om: <span class="required">*</span></label>
|
||||
<textarea name="comments" form="formComments" id="conComments" required=""></textarea>
|
||||
|
||||
<div class="formBottom">
|
||||
<span class="threeQuarterBread">* Obligatorisk</span>
|
||||
<input type="submit" name="submit" value="Skicka">
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</td>
|
||||
<!-- END LEFT (CONTACT FORM) -->
|
||||
|
||||
<!-- RIGHT (CONTACT FORM) -->
|
||||
<td class="contactColumn">
|
||||
|
||||
<div class="ourLocation">
|
||||
<img id="locMap" src="../assets/img/map_location_greyscale.jpg" alt="Här finns vi">
|
||||
<img id="locIcon" src="../assets/img/svg/ic_position_marker_shaded.svg" alt="">
|
||||
</div>
|
||||
|
||||
<div class="rightAligned">
|
||||
<img src="../assets/img/svg/ic_directions.svg" alt="Vägbeskrivning" class="icon">
|
||||
<a href="https://www.google.com/maps/dir//Pythagoras+AB,+S%C3%B6der+M%C3%A4larstrand+27+B,+118+25+Stockholm" class="findUsSweden" target="_blank">
|
||||
Vägbeskrivning
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<p class="leftAligned">Du kan även mejla, ringa och besöka oss.</p>
|
||||
|
||||
<table class="contactSummaryTable">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<img src="../assets/img/svg/ic_plane.svg" class="icon">
|
||||
</td>
|
||||
<td>
|
||||
<h3 class="h3">Mejla oss:</h3>
|
||||
<a href="mailto:info@pythagoras.se">info@pythagoras.se</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<img src="../assets/img/svg/ic_mobile.svg" class="icon">
|
||||
</td>
|
||||
<td>
|
||||
<h3 class="h3">Ring oss:</h3>
|
||||
<a href="tel:+4687618090">+46-8 761 80 90</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<img src="../assets/img/svg/ic_position.svg" class="iconSmall">
|
||||
</td>
|
||||
<td>
|
||||
<h3 class="h3">Besök oss:</h3>
|
||||
<a href="https://www.google.com/maps?saddr=My+Location&daddr=Pythagoras+AB,+S%C3%B6der+M%C3%A4larstrand+27+B,+118+25+Stockholm" target="_blank">Söder Mälarstrand 27B, SE-118 25<br>Stockholm, Sweden</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
<!-- END RIGHT (CONTACT FORM) -->
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- SUPPORT FORM --> </div>
|
||||
|
||||
<!-- USED TO GET DETECT WIDTH USING JS AND CSS MEDIA QUERIES -->
|
||||
<span id="mobile_indicator"></span>
|
||||
<span id="phone_indicator"></span>
|
||||
|
||||
<!-- <div class="cookiesInfo h4">Vi använder cookies för att förbättra din upplevelse av Pythagoras hemsida. <a>Vill du veta mer?</a> <input type="button" value="Jag förstår"/></div> -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
menus: window.config.menus,
|
||||
contactData: [
|
||||
{ name: "地址", value: "上海市宝山区顾村" },
|
||||
{ name: "手机", value: "13817819452" },
|
||||
{ name: "邮箱", value: "Zhp@bimwe.com" }
|
||||
],
|
||||
|
||||
};
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
||||
<style scoped>
|
||||
.quickLinks li {
|
||||
float: left;
|
||||
margin: 5px 20px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user