jsasg/orico-official-website-old
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
jsasg
2024-10-29 14:04:59 +08:00
commit 48bf3e6f33
2839 changed files with 762707 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

225
app/index/view/group/transparent.phtml Executable file
View File

@@ -0,0 +1,225 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>透明系列_ORICO/奥睿科</title>
<meta name="Keywords" content="透明产品，透明材质，产品透明，透明系列，ORICO/奥睿科" />
<meta name="Description" content="透明家庭，扩展存储一体化_ORICO/奥睿科" />
{include file="include/head" /}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/subject/transparent.css"></head>
<body>
<!--top-->
<header class="header-PC header-Index">
<div id="header" class="theme-white">
{include file="include/top" /}
{include file="include/top-header" /}
</div>
</header>
{include file="include/top-header-mobile" /}
<!--top End-->
<!--Banner-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/transparent/transparent_01.jpg">
<div class="transparent_01">
<div class="swt-Container">
<p class="title">透明家族</p>
<p class="text">直视内芯，让科技工艺更贴近生活</p>
</div>
</div>
</div>
<!--视频-->
<div class="position-r transparent_02_bg">
<div class="transparent_02 transparent_alltext">
<div class="swt-Container">
<div class="Ts-black left ">
<p class="transparent_title">崇尚科技<br>
致敬未来</p>
<p class="transparent_subtitle">存储+扩展系列<br>
敢于“显山露水”的透明创意</p>
<p class="transparent_text"><span class="subject_span_margin">我们崇尚科技，也更热爱生活，所以我们不做“冰冷”的产品，我们更愿意将科技融入生活，坚持创新和工艺，打造USB生活周边，致力于让生活更美好、便捷。</span><br>
自ORICO创立以来，我们始终坚持原创的精神理念，积极探索。早在2017年，就已经上市了全透视移动硬盘盒、硬盘底座等产品，并在2018年后全面展开了透明系列产品的研发和生产，不断服务着我们的工作和生活所需。</p>
</div>
<div class="right img-responsive">
<img src="__PUBLIC__/web/images/transparent/transparent_02_video.jpg">
<video height="100%" controls poster="__PUBLIC__/web/images/transparent/transparent_02_video.jpg">
<source src="__PUBLIC__/web/images/transparent/video.mp4">
您的浏览器不支持 video 标签。
Your browser does not support HTML5 video.
</video>
</div>
</div>
</div>
</div>
<!--第三屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/transparent/transparent_03.jpg">
<div class="transparent_03 Ts-White">
<div class="swt-Container">
<div class="transparent_03_alltext">
<p class="transparent_title">成就更具创意的桌面工艺</p>
<p class="transparent_subtitle">扩展存储一体化协助</p>
<p class="transparent_text"><span class="subject_span_margin">不论是电脑办公还是笔记本办公，我们的桌面集线器、移动硬盘盒、硬盘底座、蓝牙音箱等摆放桌面都是一道亮丽的风景线，看上去既清新整洁又带有一抹神秘的科技感。</span><br><span class="subject_span_margin">但我们对于产品不局限于颜值的彰显，而是更注重内在品质。在产品性能上，我们不断升级，集线器从四口升级到七口，且体积也在不断缩小；移动硬盘盒、硬盘底座则配有USB3.0、USB3.1、Type-C不同接口，并包含2.5英寸、3.5英寸不同尺寸，支持2TB、4TB、10TB等不同容量，只为更方便于用户，满足大众的不同需求。</span><br>
透明设计，更易分辨，不必贴任何标签。工作时，硬盘盒、硬盘底座可结合集线器使用，协助便利，既可扩展又能存储，休闲之余还可为视线增添一抹舒适感。</p>
</div>
</div>
</div>
</div>
<!--第四屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/transparent/transparent_04.jpg">
<div class="transparent_04">
<div class="swt-Container">
<div class="transparent_04_alltext Ts-black">
<p class="transparent_title">看得见的科技之美</p>
<p class="transparent_text"><span class="subject_span_margin">新兴的科技越来越追求“极简化”，越来越多的笔记本设备开始减少接口，桌面集线器的出现则是对此缺陷的补充；</span><br>
<span class="subject_span_margin">无死角的透明机身，不怕显露内芯，是我们对于自身工艺的自信。也是DIY爱好者的福音，产品结构一目了然，拆装时不再担心手误而损伤机身。</span><br>
作为一件“艺术品”总是给人一种忍不住想要拥有的冲动。
</p>
</div>
</div>
</div>
</div>
<!--第五屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/transparent/transparent_05.jpg">
<div class="transparent_05">
<div class="swt-Container">
<div class="Ts-black transparent_05_alltext">
<p class="transparent_title">透明生活，<br>陪伴如影随形</p>
<p class="transparent_text">工作休息间隙，流动的旋律从透视漩涡流淌出来，仿若倾听自己通透的真心，毫无保留的放下自己身心的压力与妥协，自在做自己。</p>
</div>
</div>
</div>
</div>
<!--第六屏-->
<div class="transparent_06">
<div class="swt-Container">
<div class="text-c transparent_title Ts-black">透明家族族谱</div>
<div class="transparent_06_four img-responsive">
<ul>
<li>
<a href="/product/detail/686.html"><img src="__PUBLIC__/web/images/transparent/transparent_06_01.jpg"></a>
<div class="text transparent_06_text">USB3.0 七口桌面集线器</div>
<!-- <div class="transparent_buy">
<div class="transparent_buy_button">
<a href="https://detail.tmall.com/item.htm?id=579136094508" target="_blank">天猫购买</a>
<a href="https://item.jd.com/35836466414.html" target="_blank">京东购买</a>
</div>
</div> -->
</li>
<li>
<a href="/product/detail/681.html"><img src="__PUBLIC__/web/images/transparent/transparent_06_02.jpg"></a>
<div class="text transparent_06_text">USB3.0 七口桌面集线器</div>
<!-- <div class="transparent_buy">
<div class="transparent_buy_button">
<a href="https://detail.tmall.com/item.htm?id=579136094508" target="_blank">天猫购买</a>
<a href="https://item.jd.com/35144980410.html" target="_blank">京东购买</a>
</div>
</div> -->
</li>
<li>
<a href="/product/detail/250.html"><img src="__PUBLIC__/web/images/transparent/transparent_06_03.jpg"></a>
<div class="text transparent_06_text">USB3.0 四口桌面集线器</div>
<!-- <div class="transparent_buy">
<div class="transparent_buy_button">
<a href="https://detail.tmall.com/item.htm?id=579136094508" target="_blank">天猫购买</a>
<a href="https://item.jd.com/100001600550.html" target="_blank">京东购买</a>
</div>
</div> -->
</li>
<li>
<a href="/product/detail/157.html"><img src="__PUBLIC__/web/images/transparent/transparent_06_04.jpg"></a>
<div class="text transparent_06_text">USB3.0 四口桌面集线器</div>
<!-- <div class="transparent_buy">
<div class="transparent_buy_button">
<a href="https://detail.tmall.com/item.htm?id=556374896537" target="_blank">天猫购买</a>
<a href="https://item.jd.com/4721827.html" target="_blank">京东购买</a>
</div>
</div> -->
</li>
<li>
<a href="/product/detail/110.html"><img src="__PUBLIC__/web/images/transparent/transparent_06_05.jpg"></a>
<div class="text transparent_06_text">2.5英寸USB3.0移动硬盘盒 </div>
<!-- <div class="transparent_buy">
<div class="transparent_buy_button">
<a href="https://detail.tmall.com/item.htm?id=538189703406" target="_blank">天猫购买</a>
<a href="https://item.jd.com/3714590.html">京东购买</a>
</div>
</div> -->
</li>
<li>
<a href="/product/detail/109.html"><img src="__PUBLIC__/web/images/transparent/transparent_06_06.jpg"></a>
<div class="text transparent_06_text">2.5英寸Type-C移动硬盘盒</div>
<!-- <div class="transparent_buy">
<div class="transparent_buy_button">
<a href="https://detail.tmall.com/item.htm?id=538577044860" target="_blank">天猫购买</a>
<a href="https://item.jd.com/100001503416.html" target="_blank">京东购买</a>
</div>
</div> -->
</li>
<li>
<a href="/product/detail/407.html"><img src="__PUBLIC__/web/images/transparent/transparent_06_07.jpg"></a>
<div class="text transparent_06_text">3.5英寸USB3.0移动硬盘盒</div>
<!-- <div class="transparent_buy">
<div class="transparent_buy_button">
<a href="https://detail.tmall.com/item.htm?id=548909679923" target="_blank">天猫购买</a>
<a href="https://item.jd.com/4091495.html" target="_blank">京东购买</a>
</div>
</div> -->
</li>
<li>
<a href="/product/detail/408.html"><img src="__PUBLIC__/web/images/transparent/transparent_06_08.jpg"></a>
<div class="text transparent_06_text">3.5英寸Type-C移动硬盘盒</div>
<!-- <div class="transparent_buy">
<div class="transparent_buy_button">
<a href="https://detail.tmall.com/item.htm?id=548909679923" target="_blank">天猫购买</a>
<a href="https://item.jd.com/4091493.html" target="_blank">京东购买</a>
</div>
</div> -->
</li>
</ul>
</div>
<div class="transparent_06_two img-responsive">
<ul>
<li>
<a href="/product/detail/132.html"><img src="__PUBLIC__/web/images/transparent/transparent_06_09.jpg"></a>
<div class="all_text">
<p class="transparent_06_text title">单盘位USB3.0硬盘底座 </p>
<p class="subtitle">2.5/3.5英寸硬盘通用 </p>
<!-- <p class="transparent_buy">
<a href="https://detail.tmall.com/item.htm?id=548996604143" target="_blank">天猫购买</a>
<a href="https://item.jd.com/5167714.html" target="_blank">京东购买</a></p> -->
</div>
</li>
<li>
<a href="/product/detail/812.html"><img src="__PUBLIC__/web/images/transparent/transparent_06_10.jpg"></a>
<div class="all_text">
<p class="transparent_06_text title">单盘位Type-C硬盘底座 </p>
<p class="subtitle">USB3.1 Gen1、2.5/3.5英寸通用 </p>
<!-- <p class="transparent_buy">
<a href="https://detail.tmall.com/item.htm?id=553654630082" target="_blank">天猫购买</a>
<a href="https://item.jd.com/4884133.html" target="_blank">京东购买</a></p> -->
</div>
</li>
</ul>
</div>
<div class="transparent_06_one img-responsive">
<a href="/product/detail/518.html"><img src="__PUBLIC__/web/images/transparent/transparent_06_11.jpg"></a>
<div class="all_text">
<p class="transparent_06_text title">透明蓝牙小音箱 </p>
<p class="subtitle">蓝牙4.2/高保真音质/三种播放模式 </p>
<!-- <p class="transparent_buy">
<a href="https://detail.tmall.com/item.htm?id=580658016171" target="_blank">天猫购买</a>
<a href="https://item.jd.com/37713289565.html" target="_blank">京东购买</a></p> -->
</div>
</div>
<div class="text-c transparent_title Ts-black">更多家族成员，接踵而来</div>
</div>
</div>
{include file="include/bottom" /}
</body>
</html>