<!DOCTYPE html>
<html lang="zh-Hant-Tw">
<head>
<title>艾優數位-艾優數位科技</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="keywords" content="艾優數位,艾優數位科技有限公司,資訊公司,羅東資訊公司,宜蘭軟體設計公司,宜蘭軟體專案開發,yes319房屋仲介平台">
<meta name="description" content="艾優數位科技有限公司-提供網站設計、軟體專案開發，yes319房屋仲介平台..等服務。">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script src="/js/jquery-1.9.1.min.js"></script>
<![endif]-->
<!-- <link rel="stylesheet" href="/css/bootstrap.min.css"> -->
<link rel="stylesheet" href="/css/bootstrap5.min.css">
<!-- <link rel="stylesheet" href="/css/bootstrap-theme.min.css"> -->
<link rel="stylesheet" href="/css/mainCss.css">
<link rel="stylesheet" media ="only screen and (max-width: 1024px) and (min-width: 768px)" href="/css/mainCss768to1024.css">
<link rel="stylesheet" media ="only screen and (max-width: 767px)" href="/css/mainCss480to767.css">
<!--FB 分享用設定-->
<meta property="og:url" content="https://iyudigi.com/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="艾優數位科技" />
<meta property="og:description" content="艾優數位科技" />
<meta property="og:image" content="http://www.iyudigi.com/images/_home/homeScreen_yes319.jpg" />
<!---->
<script src="/js/jquery-2.1.4.min.js"></script>
<script src="/js/jquery-ui.js"></script>
<!-- <script src="/js/bootstrap.min.js"></script> -->
<script src="/js/bootstrap5.min.js"></script>
<script src="/js/bs5_popper.min.js"></script>
<script src="/js/iyudigi.js"></script>
<script src="/js/animate.js"></script>
<script src="/js/respond.js"></script>
<script>//for ie8 carousel
+function($) {
'use strict';
$.fn.carousel.Constructor.prototype.pause = function(e) {
e || (this.paused = true)
if (this.$element.find('.next, .prev').length && $.support.transition) {
this.$element.trigger($.support.transition.end)
this.cycle(true)
}
this.interval = clearInterval(this.interval)
return this
}
}(jQuery);
</script>
<!--
這邊是註解：
html5shiv : 是為了讓ie8支援html5的一個檔案
js1.9.1 : ie8不支援js2.0以上（含）的版本
bootstrap2.3.1 : 為了讓ie8支援carousel所以找回來的舊版，新版（3.0以上）就沒有相容性了
-->
<!-- Aos.js -->
<link rel="stylesheet" href="/Frame/Aos.js/dist/aos.css" />
<script src="/Frame/Aos.js/dist/aos.js"></script>
</head>
<script type="text/javascript">
$(window).ready(function() {
AOS.init({
// Global settings:
disable: false, // accepts following values: 'phone', 'tablet', 'mobile', boolean, expression or function
startEvent: 'DOMContentLoaded', // name of the event dispatched on the document, that AOS should initialize on
initClassName: 'aos-init', // class applied after initialization
animatedClassName: 'aos-animate', // class applied on animation
useClassNames: false, // if true, will add content of `data-aos` as classes on scroll
disableMutationObserver: false, // disables automatic mutations' detections (advanced)
debounceDelay: 50, // the delay on debounce used while resizing window (advanced)
throttleDelay: 99, // the delay on throttle used while scrolling the page (advanced)
// Settings that can be overridden on per-element basis, by `data-aos-*` attributes:
offset: 120, // offset (in px) from the original trigger point
delay: 0, // values from 0 to 3000, with step 50ms
duration: 1200, // values from 0 to 3000, with step 50ms
easing: 'ease', // default easing for AOS animations
once: false, // whether animation should happen only once - while scrolling down
mirror: true, // whether elements should animate out while scrolling past them
anchorPlacement: 'bottom-top', // defines which position of the element regarding to window should trigger the animation
});
});
</script><body>
<div id="pageTop"></div>
<div class="container-fluid">
<!--header-->
<div class="row justify-content-center" style="line-height: 3.5;">
<div class="col-12 align-self-center upperMenu" id="upperMenu" style="margin:0 2%;">
<nav class="row navbar navbar-default" role="navigation">
<div class="col-12">
<div class="row">
<div class="col-3 navbar-header" style="margin-top: 8px;display: inline-block;">
<a class="navbar-brand" href="/">
<img src="/images/iyu_logo.png" alt="艾優數位科技">
</a>
</div>
<div class="col-9 justify-content-end">
<button class="Floatright btn_menu" style="display: inline-block;" onclick="showBox();myFunction(this);">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</button>
<ul class="headNav d-none d-lg-inline-block Floatright">
<li class=''><a href="/contacts/" class="" title="聯絡我們">聯絡我們</a></li><li class=''><a href="/lineSticker/" class="" title="Line貼圖">Line貼圖</a></li><li class=''><a href="/masterpieces/" class="" title="網站作品">網站作品</a></li><li class=''><a href="/sites/" class="" title="平台網站">平台網站</a></li><li class=''><a href="/about/" class="" title="關於艾優">關於艾優</a></li><li class=''><a href="/" class="active" title="首頁">首頁</a></li> </ul>
</div>
</div>
</div>
</nav>
</div>
</div>
<!-- MENU -->
<div id="MenuContain" class="col-12 p-0 FullDiv dis">
<div class="row">
<!-- 左邊 -->
<div class="col-12 col-md-6 LeftBox">
<div class="row">
<div class="col-6 col-sm-4 col-md-6">
<ul class="MenuUl">
<li><a href="/contacts/" class="" title="聯絡我們">聯絡我們</a></li><li><a href="/lineSticker/" class="" title="Line貼圖">Line貼圖</a></li><li><a href="/masterpieces/" class="" title="網站作品">網站作品</a></li><li><a href="/sites/" class="" title="平台網站">平台網站</a></li><li><a href="/about/" class="" title="關於艾優">關於艾優</a></li><li><a href="/" class="active" title="首頁">首頁</a></li> </ul>
</div>
<div class="col-6 col-sm-8 col-md-6">
<div class="QRcode" style="float: left;">
<img src="/images/_contacts/yes319-line-qrcode.png" alt="艾優數位科技-QRcode">
<p class="QRcodeText">（歡迎加入好友立即免費通話）</p>
</div>
<div style="clear: both;"></div>
<div class="MenuText">
傳真：(03)950-6161<br>
信箱：<a href="mailto:service@yes319.com">service@yes319.com</a><br>
地址：265宜蘭縣羅東鎮光榮路16號<br>
</div>
</div>
<div class="d-block d-md-none col-12" >
<form role="form" action="" method="POST" accept-charset="utf-8" style="width: 100%;margin: 20px 0 ;">
<div style="margin: 10px 0px;color: #77b6f6;font-size: 17px;font-weight: 500;">聯絡我們：</div>
<div class="form-group">
<label>Your email:</label>
<input class="form-control" type="email" placeholder="name@email.com" name="contactForm_email">
</div>
<div class="form-group">
<label>Message:</label>
<textarea rows="6" class="form-control" name="contactForm_message"></textarea>
</div>
<button class="btn btn-info" type="submit" onClick="sendMail(this.form);" >Send</button>
</form>
</div>
</div>
</div>
<!-- 右邊 -->
<div class="d-none d-md-block col-md-6 RightBox" >
<form role="form" action="" method="POST" accept-charset="utf-8" style="width: 80%;margin: auto;">
<div style="margin: 10px 0px;color: #77b6f6;font-size: 17px;font-weight: 500;">聯絡我們：</div>
<div class="form-group">
<label>Your email:</label>
<input class="form-control" type="email" placeholder="name@email.com" name="contactForm_email">
</div>
<div class="form-group mb-2">
<label>Message:</label>
<textarea rows="6" class="form-control" name="contactForm_message"></textarea>
</div>
<button class="btn btn-info" type="submit" onClick="sendMail(this.form);" >Send</button>
</form>
</div>
</div>
</div>
<script type="text/javascript">
//這種方法會另外開一個視窗寄信，而不是直接寄信出去這樣。手機的話會詢問要用gmail還是一般郵件
function sendMail(obj){
window.open("mailto:service@yes319.com?subject="+ obj.contactForm_email.value+"&body="+obj.contactForm_message.value);
}
// menu animste
function myFunction(x) {
x.classList.toggle("change");
}
// MenuBox animate
function showBox(){
//MenuBox展開時添加noScroll，關閉時取消
$("body").toggleClass('noScroll');
//按下按鈕顯示與隱藏
$("#MenuContain").toggleClass('show');
$("#MenuContain").toggleClass('dis');
}
</script>
</body> <!--carousel-->
<div class="row" id="homeCarousel">
<div id="myCarousel" class="carousel slide">
<!--Carousel items-->
<div class="carousel-inner">
<div class="carousel-item active">
<!--carousel0-->
<div class="appDownload">
<img src="/images/_home/homeCarousel0/c0TitleDeco.png" alt="裝飾" style="width:9%;top:14%;left:2%;">
<img src="/images/_home/homeCarousel0/c0Title_1.png" alt="app" style="width:22%;top:26%;left:4%;">
<img src="/images/_home/homeCarousel0/c0Title_2.png" alt="上線" title="yes319 app已上線！" style="width:22%;top:54%;left:3%;">
<img src="/images/_home/homeCarousel0/c0SubTitle.png" alt="立即下載" title="快拿起手機掃描旁邊的QRcode或是點擊商店圖示下載yes319 app喔！" style="width:36%;top:16%;left:30%;">
<a href="https://play.google.com/store/apps/details?id=com.yes319.dongshanriver&utm_source=yes319&utm_medium=page&utm_campaign=app2015_20150611&utm_content=appweb&utm_term=1600x650" title="點我至google play商店下載yes319 app吧！！" target="_blank">
<img class="androidA" src="/images/_home/homeCarousel0/c0AndroidGooglePlay.png" alt="google play商店" title="點我去google play商店下載！" style="width:20%;top:40%;left:27%;position:absolute;">
<img src="/images/_home/homeCarousel0/c0AndroidAppQrcode.png" alt="yes319 android qrcode下載" title="拿起手機掃描我吧！" style="width:13%;bottom:14%;left:30%;position:absolute;">
</a>
<!--樓上是android-->
<a href="https://itunes.apple.com/tw/app/yes319fang-wu-shi-ji-fang/id1031866213?l=zh&mt=8&utm_source=yes319&utm_medium=page&utm_campaign=app2015_20150914&utm_content=appweb" title="點我去ios商店閜載yes319 app吧！" target="_blank">
<img class="iosA" src="/images/_home/homeCarousel0/c0IosAppStore.png" alt="ios app商店" title="點我至ios app商店下載！" style="width:20%;top:40%;left:49%;position:absolute;">
<img src="/images/_home/homeCarousel0/c0IosAppQrcoide.png" alt="yes319 ios qrcode下載" title="拿手機掃描我吧！" style="width:13%;bottom:14%;left:52%;position:absolute;">
</a>
<!--樓上是apple-->
<a href="https://www.yes319.com/" target="_blank" title="至yes319房屋市集">
<img class="logoBall" src="/images/_home/homeCarousel0/c0Yes319Logo.png" alt="yes319 Logo" title="點我至yes319房屋市集！" style="width:10%;top:27%;right:20%;position:absolute;">
</a>
<img src="/images/_home/homeCarousel0/c0People01.png" style="width:44%;top:9%;right:-11%;">
</div>
<img src="/images/_home/homeCarousel0/c0Bg.png" alt="First slide" style="position:relative;z-index:-1;">
</div>
<div class="carousel-item"><!--carousel1-->
<img src="/images/_home/homeCarousel1.jpg" alt="Second slide">
</div>
<div class="carousel-item">
<img src="/images/_home/homeCarousel2.jpg" alt="Third slide">
</div>
<div class="carousel-item">
<img src="/images/_home/homeCarousel3.jpg" alt="Forth slide">
</div>
</div>
<!--Right and left-->
<a class="carousel-control-prev" href="#myCarousel" data-bs-slide="prev">
<div id="carouselLeft">
<img src="/images/_home/arrow2_l.png">
</div>
</a>
<a class="carousel-control-next" href="#myCarousel" data-bs-slide="next" style="right:0;left:auto;">
<div id="carouselRight">
<img src="/images/_home/arrow2_r.png">
</div>
</a>
<!--Carousel tags-->
<ol class="carousel-indicators">
<li data-bs-target="#myCarousel" data-bs-slide-to="0" class="active"></li>
<li data-bs-target="#myCarousel" data-bs-slide-to="1"></li>
<li data-bs-target="#myCarousel" data-bs-slide-to="2"></li>
<li data-bs-target="#myCarousel" data-bs-slide-to="3"></li>
</ol>
</div>
</div>
<!--middle part-->
<div class="row container mainIndexImg">
<!-- 外層視角 -->
<div class="flip-container col-12 col-sm-6 col-lg-4">
<!-- 3d實體利用js控制高度 -->
<div class="flipper">
<div class="front">
<a href="https://www.yes319.com/" target="_blank" title="yes319房屋市集(台灣319鄉 一網買進)" >
<img src="/images/_home/homeScreen_yes319n.png" alt="yes319房屋市集" title="yes319房屋市集">
</a>
<span>yes319房屋市集</span>
<!-- <span>台灣319鄉一網買進</span> -->
</div>
<div class="back">
<img src="/images/logo/yes319.png" alt="yes319房屋市集" title="yes319房屋市集(台灣319鄉 一網買進)">
<a href="https://www.yes319.com/" target="_blank" title="yes319房屋市集！" >
<div class="btnaa">
GO
</div>
</a>
</div>
</div>
</div>
<!-- 外層視角 -->
<div class="flip-container col-12 col-sm-6 col-lg-4">
<!-- 3d實體利用js控制高度 -->
<div class="flipper">
<div class="front">
<a href="https://www.land319.com/" target="_blank" title="land319土地市集(尋找您夢想的起源地)" >
<img src="/images/_home/homeScreen_land319n.png" alt="land319土地市集" title="land319土地市集！">
</a>
<span>land319土地市集</span>
<!-- <span>尋找您夢想的起源地</span> -->
</div>
<div class="back">
<img src="/images/logo/land319.png" alt="yes319房屋市集" title="yes319房屋市集">
<a href="https://www.land319.com/" target="_blank" title="land319土地市集！" >
<div class="btnaa">
GO
</div>
</a>
</div>
</div>
</div>
<!-- 外層視角 -->
<div class="flip-container col-12 col-sm-6 col-lg-4">
<!-- 3d實體利用js控制高度 -->
<div class="flipper">
<div class="front">
<a href="https://www.design319.com/" target="_blank" title="design319室內設計市集(最新的室內設計案件供您參考與選擇)" >
<img src="/images/_home/homeScreen_design319n.png" alt="design319室內設計市集" title="design319室內設計市集">
</a>
<span>design319室內設計市集</span>
<!-- <span>最新的室內設計案件供您參考與選擇！</span> -->
</div>
<div class="back">
<img src="/images/logo/design319.png" alt="yes319房屋市集" title="design319室內設計市集(最新的室內設計案件供您參考與選擇)">
<a href="https://www.design319.com/" target="_blank" title="design319室內設計市集！" >
<div class="btnaa">
GO
</div>
</a>
</div>
</div>
</div>
<!-- 外層視角 -->
<div class="flip-container col-12 col-sm-6 col-lg-4">
<!-- 3d實體利用js控制高度 -->
<div class="flipper">
<div class="front">
<a href="http://www.iyuhouse.com/" target="_blank" title="艾優聯賣房屋網！" >
<img src="/images/_home/homeScreen_iyun.png" alt="艾優聯賣房屋網" title="艾優聯賣房屋網！">
</a>
<span>艾優聯賣房屋網</span>
<!-- <span>最新的室內設計案件供您參考與選擇！</span> -->
</div>
<div class="back">
<img src="/images/logo/iyuhouse.png" alt="艾優聯賣房屋網" title="艾優聯賣房屋網">
<a href="http://www.iyuhouse.com/" target="_blank" title="艾優聯賣房屋網！" >
<div class="btnaa">
GO
</div>
</a>
</div>
</div>
</div>
<!-- 外層視角 -->
<div class="flip-container col-12 col-sm-6 col-lg-4">
<!-- 3d實體利用js控制高度 -->
<div class="flipper">
<div class="front">
<a href="http://map.yes319.com/" target="_blank" title="yes319地圖看屋" >
<img src="/images/_home/homeScreen_map319.png" alt="yes319地圖看屋" title="yes319地圖看屋">
</a>
<span>yes319地圖看屋</span>
<!-- <span>地圖/衛星看屋-全新感受</span> -->
</div>
<div class="back">
<img src="/images/logo/map319.png" style="width:80%;" alt="yes319地圖看屋" title="yes319地圖看屋">
<a href="http://map.yes319.com/" target="_blank" title="yes319地圖看屋" >
<div class="btnaa">
GO
</div>
</a>
</div>
</div>
</div>
<!-- 外層視角 -->
<div class="flip-container col-12 col-sm-6 col-lg-4">
<!-- 3d實體利用js控制高度 -->
<div class="flipper">
<div class="front">
<a href="https://price319.com" target="_blank" title="price319不動產交易實價查詢服務網 2.0" >
<img src="/images/_home/homeScreen_price319.png?d=20221018" alt="price319不動產交易實價查詢服務網 2.0" title="price319不動產交易實價查詢服務網 2.0">
</a>
<span>price319不動產交易實價查詢服務網 2.0</span>
<!-- <span>地圖/衛星看屋-全新感受</span> -->
</div>
<div class="back">
<img src="/images/logo/price319.png?d=20230314" alt="price319不動產交易實價查詢服務網 2.0" title="price319不動產交易實價查詢服務網 2.0">
<a href="https://price319.com" target="_blank" title="price319不動產交易實價查詢服務網 2.0" >
<div class="btnaa">
GO
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<!--footer-->
<div class="circle2top">
<div id="back2top" onclick="$('html,body').animate({ scrollTop: 0 }, 'slow');">
top
</div>
</div>
<div class="col-12 Footer">
<div class="row m-0">
<div class="col-6 col-sm-4 FooterList">
<div class="FooterTitle">營業時間</div>
<div class="FooterDetail">
<div class="FooterText">
<div>時間 週一至週五</div>
<div>AM 8:30 - PM5:30</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 FooterList">
<div class="FooterTitle">聯絡方式</div>
<div class="FooterDetail">
<div class="FooterText">
<a href="tel:03950-7575" style="color: rgb(255,242,202);">
客服 (03)950-7575
</a>
<div>傳真 (03)950-6161</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 FooterList">
<div class="FooterTitle">聯絡我們</div>
<div class="FooterDetail">
<div class="FooterText">
<a href="mailto:service@yes319.com" style="color: rgb(255,242,202);">service@yes319.com</a>
</div>
</div>
</div>
<div class="Footer2 col-12 p-0">
<div class="Footer2Text">
艾優數位科技有限公司 @ iyudigi.com inc.
<a href="https://www.facebook.com/yes319?fref=photo" target="_blank" title="iyu FB">
<div class="circle" style=" display: inline-block;">f</div>
</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript">
$(window).load(function() {
// 定義高度
var imgH = $(".front").height();
$("div[class=flipper]").css("height",(imgH+50)+"px");
});
$(window).resize(function() {
//隨螢幕定義高度
var screenH = document.body.clientWidth;
var imgH = $(".front").height();
$("div[class=flipper]").css("height",(imgH+50)+"px");
});
</script>