You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
PYCHR/web/foreground/zh/page-Request-caculator.html

742 lines
29 KiB
HTML

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Pychr Building</title>
<link href="../static/css/MyStyle.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="../static/css/style.css" />
<link
rel="stylesheet"
type="text/css"
href="../static/css/shortcodes.css"
/>
<link rel="stylesheet" type="text/css" href="../static/css/color.css" />
<link rel="stylesheet" type="text/css" href="../static/css/animate.css" />
<link
rel="stylesheet"
type="text/css"
href="../static/css/responsive.css"
/>
<link rel="stylesheet" href="../static/css/all.min.css" />
</head>
<body>
<div class="animsition boxed blog">
<header id="header" class="header">
<div class="topbar clearfix" id="topbar">
<div class="container">
<div class="tf-topbar">
<ul class="top-content">
<li class="adress">
<a href="#"
><i class="icon-iconmap"></i> 佛山市顺德区大福路</a
>
</li>
<li class="email">
<a href="page-contact.html"
><i class="icon-iconmail"></i
><span
class="__cf_email__"
data-cfemail="f79e999198b7809295849e8392d994989a"
>info@pychr.com</span
></a
>
</li>
</ul>
<div class="topbar-socials">
<div class="lang-switch">
<a href="#">
<span>中文</span>
<i class="fa fa-angle-down"></i>
</a>
<div class="lang-dropdown">
<a href="index.html">中文</a>
<a href="../en/index.html">English</a>
</div>
</div>
<span class="icons">
<a href="https://www.facebook.com/kingson.yu.3"
><i class="fab fa-facebook-f"></i
></a>
<!-- <a href="#"><i class="fab fa-twitter"></i></a> -->
<!-- <a href="#"><i class="fab fa-google-plus-g"></i></a> -->
<a href="https://www.instagram.com/k.y.kingsonyu/"
><i class="fab fa-instagram"></i
></a>
</span>
</div>
</div>
</div>
</div>
<div class="main-top clearfix">
<div class="container container-fixel">
<div class="logo bg-white">
<a href="index.html">
<img
src="../static/picture/LogoDark.png"
alt="images"
data-retina="logo/LogoDark@2x.png"
width="168"
height="38"
/>
</a>
</div>
<div class="content-wrap clearfix">
<div class="nav-wrap">
<div class="btn-menu">
<span></span>
</div>
<!-- <nav class="mainnav" id="mainnav">
<ul class="menu" id="activeUl">
<li>
<a href="index.html">首页</a>
</li>
<li class="menu-item-has-children">
<a href="#">橱柜</a>
<ul class="sub-menu">
<li>
<a href="page-case-study.html?param=1&param1=0&type=8"
>古典橱柜</a
>
</li>
<li>
<a href="page-case-study.html?param=1&param1=1&type=7"
>现代橱柜</a
>
</li>
</ul>
</li>
<li>
<a href="page-case-study.html?param=2&type=5">浴室柜</a>
</li>
<li>
<a href="page-case-study.html?param=3&type=6">衣柜</a>
</li>
<li class="menu-item-has-children">
<a href="#">门</a>
<ul class="sub-menu">
<li>
<a href="page-case-study.html?param=4&param1=0&type=1"
>实木门</a
>
</li>
<li>
<a href="page-case-study.html?param=4&param1=1&type=2"
>复合板门</a
>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">家具</a>
<ul class="sub-menu">
<li>
<a href="page-case-study.html?param=5&param1=0&type=3"
>椅子</a
>
</li>
<li>
<a href="page-case-study.html?param=5&param1=1&type=4"
>组合</a
>
</li>
</ul>
</li>
<li></li>
</ul>
</nav> -->
<nav class="mainnav" id="mainnav">
<ul class="menu" id="activeUl">
<li
class="current-menu current-menu-item current-menu-ancestor"
>
<a href="index.html">首页</a>
</li>
<li class="menu-item-has-children">
<a href="#">橱柜/瓷砖</a>
<ul class="sub-menu">
<li>
<a
href="page-case-study.html?param=1&param1=0&type=8&langType=1"
>古典/哑光砖</a
>
</li>
<li>
<a
href="page-case-study.html?param=1&param1=1&type=7&langType=1"
>现代/亮光砖</a
>
</li>
</ul>
</li>
<li>
<a href="page-case-study.html?param=2&type=5&langType=1"
>浴室柜/马桶</a
>
</li>
<li>
<a href="page-case-study.html?param=3&type=6&langType=1"
>衣柜</a
>
</li>
<!-- <li class="menu-item-has-children">-->
<!-- <a href="#">门</a>-->
<!-- <ul class="sub-menu">-->
<!-- <li>-->
<!-- <a-->
<!-- href="page-case-study.html?param=4&param1=0&type=1&langType=1"-->
<!-- >实木门</a-->
<!-- >-->
<!-- </li>-->
<!-- <li>-->
<!-- <a-->
<!-- href="page-case-study.html?param=4&param1=1&type=2&langType=1"-->
<!-- >复合板门</a-->
<!-- >-->
<!-- </li>-->
<!-- </ul>-->
<!-- </li>-->
<li class="menu-item-has-children">
<a href="#">卧室</a>
<ul class="sub-menu">
<li>
<a
href="page-case-study.html?param=4&param1=0&type=9&langType=1"
></a
>
</li>
<li>
<a
href="page-case-study.html?param=4&param1=1&type=10&langType=1"
>床垫</a
>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">家具</a>
<ul class="sub-menu">
<!-- <li>-->
<!-- <a-->
<!-- href="page-case-study.html?param=5&param1=0&type=3&langType=1"-->
<!-- >椅子</a-->
<!-- >-->
<!-- </li>-->
<!-- <li>-->
<!-- <a-->
<!-- href="page-case-study.html?param=5&param1=1&type=4&langType=1"-->
<!-- >组合</a-->
<!-- >-->
<!-- </li>-->
<li>
<a
href="page-case-study.html?param=5&param1=0&type=11&langType=1"
>客厅</a
>
</li>
<li>
<a
href="page-case-study.html?param=5&param1=1&type=12&langType=1"
>餐厅</a
>
</li>
</ul>
</li>
<!-- <li class="menu-item-has-children">
<a href="#">语言</a>
<ul class="sub-menu">
<li>
<a href="../index.html">English</a>
</li>
<li>
<a href="index.html">中文</a>
</li>
</ul>
</li> -->
<!-- <li><a href="page-contact.html">联系我们</a></li> -->
</ul>
</nav>
</div>
<div class="flat-appointment">
<a href="" class="themesflat-button btn-style-one">
<span class="btn-title">联系我们</span>
</a>
</div>
</div>
</div>
</div>
</header>
<div class="page-title page-title-inner padding-bottom9">
<div class="overlay-page-tile"></div>
<div class="page-title-content">
<div class="container">
<div class="blog-title color-white">
<h2>Request Cost Caculator</h2>
<span
><a href="index.html" class="hv-color-st1 color-white"> Home </a
>Request Cost Caculator</span
>
</div>
</div>
</div>
</div>
<section class="tf-product bg-color-style2">
<div class="container">
<div class="row clearfix">
<div
class="themesflat-spacer clearfix"
data-desktop="120"
data-mobile="50"
data-smobile="40"
></div>
<div class="title-section text-center wow fadeInDown">
<div class="sub-title margin-bottom15 color-style5">
WELCOME TO janelas
</div>
<div class="flat-title">Cost Calculator</div>
</div>
<div
class="themesflat-spacer clearfix"
data-desktop="67"
data-mobile="30"
data-smobile="20"
></div>
<div class="col-md-4 clearfix">
<div class="select-product">
<span class="lable">Select Product</span>
<div class="select">
<select>
<option selected="" disabled="">Select Product</option>
<option value="1">Product 01</option>
<option value="2">Product 02</option>
<option value="3">Product 03</option>
</select>
</div>
</div>
<div class="select-product select-product-style">
<span class="lable">Nec quam </span>
<div class="select">
<select>
<option selected="" disabled="">Select Product</option>
<option value="1">Nec quam 01</option>
<option value="2">Nec quam 02</option>
<option value="3">Nec quam 03</option>
</select>
</div>
</div>
</div>
<div class="col-md-4 clearfix">
<div class="select-product">
<span class="lable">Consequat enim odio </span>
<div class="select">
<select>
<option selected="" disabled="">Select Product</option>
<option value="1">Consequat enim odio 01</option>
<option value="2">Consequat enim odio 02</option>
<option value="3">Consequat enim odio 03</option>
</select>
</div>
</div>
<div class="select-product select-product-style">
<span class="lable">Imperdiet est enim </span>
<div class="select">
<select>
<option selected="" disabled="">Select Product</option>
<option value="1">Imperdiet est enim 01</option>
<option value="2">Imperdiet est enim 02</option>
<option value="3">Imperdiet est enim 03</option>
</select>
</div>
</div>
</div>
<div class="col-md-4 clearfix">
<div class="select-product">
<span class="lable">Vehicula porta fermentum </span>
<div class="select">
<select>
<option selected="" disabled="">Select Product</option>
<option value="1">Vehicula porta fermentum 01</option>
<option value="2">Vehicula porta fermentum 02</option>
<option value="3">Vehicula porta fermentum 03</option>
</select>
</div>
</div>
<div class="select-product select-product-style">
<span class="lable">Imperdiet tristique praesent </span>
<div class="select">
<select>
<option selected="" disabled="">Select Product</option>
<option value="1">Imperdiet tristique praesent 01</option>
<option value="2">Imperdiet tristique praesent 02</option>
<option value="3">Imperdiet tristique praesent 03</option>
</select>
</div>
</div>
</div>
</div>
<div
class="btn-product text-center clearfix wow fadeInUp animated"
data-wow-delay="0ms"
data-wow-duration="1500ms"
>
<a href="" class="themesflat-button-style2 btn-style-6">
<span class="btn-title">Calculate Cost</span>
</a>
</div>
<div
class="themesflat-spacer clearfix"
data-desktop="120"
data-mobile="60"
data-smobile="40"
></div>
</div>
</section>
<section class="tf-testimonials-door padding-bottom-50 bg-color">
<div
class="themesflat-spacer clearfix"
data-desktop="116"
data-mobile="30"
data-smobile="20"
></div>
<div class="container">
<div class="row">
<div class="title-section text-center wow fadeInDown">
<div class="sub-title sub-title-project">Client Testimonials</div>
<div class="flat-title color-white">What our clients say</div>
</div>
<div
class="flat-carousel-box flat-carousel-box-style2 margin0-15 data-effect clearfix"
data-zero="0"
data-gap="30"
data-column="2"
data-column2="1"
data-column3="1"
data-dots="false"
data-auto="true"
data-nav="false"
data-loop="true"
>
<div class="owl-carousel margin-top54">
<div class="tf-testimonial">
<i class="fa fa-quote-left" aria-hidden="true"></i>
<div class="boxtestimonial">
<p class="padding-left20-10 color-style1">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et dolore
magna aliquyam erat, sed diam voluptua. At vero eos
</p>
<div class="image-box">
<div class="image">
<img
src="../static/picture/imgtestimonio2.jpg"
alt="image"
/>
</div>
<div class="content-box">
<h5>
<span class="color-style1">Eugene Freeman</span>
</h5>
<p class="color-style1">Tincidunt</p>
</div>
</div>
</div>
</div>
<div class="tf-testimonial">
<i class="fa fa-quote-left" aria-hidden="true"></i>
<div class="boxtestimonial">
<p class="padding-left20-10 color-style1">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et dolore
magna aliquyam erat, sed diam voluptua. At vero eos
</p>
<div class="image-box">
<div class="image">
<img
src="../static/picture/imgtestimonio1.jpg"
alt="image"
/>
</div>
<div class="content-box">
<h5><span>Kelly Coleman</span></h5>
<p class="color-style1">Nulla nec</p>
</div>
</div>
</div>
</div>
<div class="tf-testimonial">
<i class="fa fa-quote-left" aria-hidden="true"></i>
<div class="boxtestimonial">
<p class="padding-left20-10 color-style1">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et dolore
magna aliquyam erat, sed diam voluptua. At vero eos
</p>
<div class="image-box">
<div class="image">
<img
src="../static/picture/imgtestimonio2.jpg"
alt="image"
/>
</div>
<div class="content-box">
<h5>
<span class="color-style1">Eugene Freeman</span>
</h5>
<p class="color-style1">Tincidunt</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="tf-spacer2 bg-white clearfix"></section>
<section class="features">
<div class="title-section margin-botom62 text-center wow fadeInDown">
<div class="sub-title sub-title-style3">Lets Work</div>
<div class="flat-title flat-style3">Pricing Plans</div>
</div>
<div
class="container d-lg-flex iconbox-features-bg wow fadeIn animated"
data-wow-delay="0ms"
data-wow-duration="1500ms"
>
<div
class="iconbox-features iconbox-features-hv margintop25 hv-background-before"
>
<div class="iconbox-icon">
<span class="icon-protection"></span>
</div>
<div class="iconbox-content">
<h3 class="title">$45.00</h3>
<p>Small business</p>
<ul class="icon-list text-left padding-left67">
<li class="icon-iconcheck">
<span>Branding graphics design</span>
</li>
<li class="icon-iconcheck">
<span>Lifetime free support</span>
</li>
<li class="icon-iconcheck">
<span>Web devolopment course</span>
</li>
<li class="icon-iconcheck">
<span>Unlimited free revision </span>
</li>
<li class="icon-iconx">
<span>Web Lifetime devolopment</span>
</li>
<li class="icon-iconx"><span>Unlimited free revision</span></li>
</ul>
<div class="btn-discover">
<a href="" class="themesflat-button-style2 btn-style-4"
><span class="btn-title">get started</span></a
>
</div>
</div>
</div>
<div
class="iconbox-features iconbox-features-style2 hv-background-before active has-scale"
>
<div class="iconbox-icon"><span class="icon-best"></span></div>
<div class="iconbox-content">
<h3 class="title">$65.00</h3>
<p class="color-style5">Medium business</p>
<ul class="icon-list text-left padding-left67">
<li class="icon-iconcheck">
<span>Branding graphics design</span>
</li>
<li class="icon-iconcheck">
<span>Lifetime free support</span>
</li>
<li class="icon-iconcheck">
<span>Web devolopment course</span>
</li>
<li class="icon-iconcheck">
<span>Unlimited free revision </span>
</li>
<li class="icon-iconx">
<span>Web Lifetime devolopment</span>
</li>
<li class="icon-iconx"><span>Unlimited free revision</span></li>
</ul>
<div class="btn-discover btn-discover-style2">
<a href="" class="themesflat-button-style2 btn-style-4"
><span class="btn-title">get started</span></a
>
</div>
</div>
</div>
<div
class="iconbox-features iconbox-features-hv margintop25 hv-background-before"
>
<div class="iconbox-icon"><span class="icon-guarantee"></span></div>
<div class="iconbox-content">
<h3 class="title">$99.00</h3>
<p>Corporate business</p>
<ul class="icon-list text-left padding-left76">
<li class="icon-iconcheck">
<span>Branding graphics design</span>
</li>
<li class="icon-iconcheck">
<span>Lifetime free support</span>
</li>
<li class="icon-iconcheck">
<span>Web devolopment course</span>
</li>
<li class="icon-iconcheck">
<span>Unlimited free revision </span>
</li>
<li class="icon-iconx">
<span>Web Lifetime devolopment</span>
</li>
<li class="icon-iconx"><span>Unlimited free revision</span></li>
</ul>
<div class="btn-discover">
<a href="" class="themesflat-button-style2 btn-style-4"
><span class="btn-title">get started</span></a
>
</div>
</div>
</div>
</div>
<div
class="themesflat-spacer clearfix"
data-desktop="119"
data-mobile="60"
data-smobile="50"
></div>
</section>
<footer id="MyFooter" style="margin-top: 120px;">
<div class="company">
<h4>公司</h4>
<img src="../logo/LogoDark.png" alt=""/>
<div class="footer-address">
地址: 佛山市顺德区大福路
</div>
<div>
<a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备2023146617号-1</a>
</div>
</div>
<div class="contact">
<h4>联系我们</h4>
<div>
<div class="left">
<img src="../static/image/mail.png" alt=""/>
</div>
<div class="right">
pychrhome@gmail.com
<br />
info@pychr.com
</div>
</div>
<div>
<div class="left">
<img src="../static/image/phone-iphone.png" alt=""/>
</div>
<div class="right">+86 15899804788</div>
</div>
<div>
<div class="left">
<img src="../static/image/whatapp.png" alt=""/>
</div>
<div class="right">+86 15899804788</div>
</div>
</div>
<div class="useful-links">
<h4>快速链接</h4>
<ul>
<li><a href="index.html">首页</a></li>
<!-- <li>-->
<!-- <a href="page-case-study.html?param=4&param1=0&type=1&langType=1">-->
<!-- 门类-->
<!-- </a>-->
<!-- </li>-->
<li>
<a href="page-case-study.html?param=4&param1=0&type=9&langType=1">
卧室类
</a>
</li>
<li>
<a href="page-case-study.html?param=1&param1=0&type=8&langType=1">
橱柜类
</a>
</li>
<li>
<a href="page-case-study.html?param=2&type=5&langType=1">
浴室柜
</a>
</li>
<li>
<a href="page-case-study.html?param=3&type=6&langType=1">
衣柜
</a>
</li>
<!-- <li>-->
<!-- <a href="page-case-study.html?param=5&param1=1&type=4&langType=1">-->
<!-- 组合-->
<!-- </a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a href="page-case-study.html?param=5&param1=0&type=3&langType=1">-->
<!-- 椅子-->
<!-- </a>-->
<!-- </li>-->
<li>
<a href="page-case-study.html?param=5&param1=1&type=12&langType=1">
餐厅
</a>
</li>
<li>
<a href="page-case-study.html?param=5&param1=0&type=11&langType=1">
客厅
</a>
</li>
<li><a href="page-contact.html">联系我们</a></li>
</ul>
</div>
</footer>
</div>
<div class="button-go-top">
<a href="#" title="" class="go-top">
<i class="fa fa-chevron-up"></i>
</a>
</div>
<script
data-cfasync="false"
src="../static/js/email-decode.min.js"
></script>
<script src="../static/js/jquery.min.js"></script>
<script src="../static/js/plugins.js"></script>
<script type="text/javascript" src="../static/js/bootstrap.min.js"></script>
<script src="../static/js/parallax.js"></script>
<script type="text/javascript" src="../static/js/jquery.easing.js"></script>
<script type="text/javascript" src="../static/js/jquery.cookie.js"></script>
<script type="text/javascript" src="../static/js/waypoints.min.js"></script>
<script type="text/javascript" src="../static/js/main.js"></script>
<script type="text/javascript" src="../static/js/wow.min.js"></script>
<script src="../static/js/mail.js"></script>
<script
type="text/javascript"
src="../static/js/owl.carousel.min.js"
></script>
<script type="text/javascript" src="../static/js/animsition.js"></script>
<script src="../static/js/newMain.js"></script>
</body>
</html>