區塊鏈技術開發 / 智能合約應用 / 系統平台開發專家

隨著網際網路技術的發展以及物聯網時代的來臨,越來越多人以及公司試著將工作透過e化系統,提升效率和收集數據。一套e化系統除了友善的使用者介面、穩定性之外,還包含了資訊安全與各種加密技術。雷酷資訊在這個領域已經深耕超過10年,藉由多年的經驗以及不斷創新,提供您最高品質的服務。

服務項目 .

系統平台開發

比房網、旅遊管理、專案管理、區塊終端機

網路爬蟲與自動化技術

每天在網路上抓取超過50萬筆資料

平台金流整合與維護

處理超過20,000萬的線上儲值,沒有任何錯帳與遭駭

加密貨幣金流系統

線上支付、互轉、對帳、到帳系統

智能合約 Smart Contract

代幣(token)、生前契約

加密貨幣交易所

icoinexpress 台灣數位資產服務平台 - 比特幣(BTC)、以太幣(ETH)、萊特幣(LTC)

客戶案例

關於我們

聯絡我們 .

地址:

台北市大安區忠孝東路四段2號6樓之8 Rm. 8, 6F., No.2, Sec. 4, Zhongxiao E. Rd., Da’an Dist., Taipei City 106, Taiwan (R.O.C.)

聯絡電話:

02-27110149

contact form

Headers

H1 header

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<h1>H1 header</h1>

H2 header

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<h2>H2 header</h2>

H3 header

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<h3>H3 header</h3>

H4 header

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<h4>H4 header</h4>
H5 header

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<h5>H5 header</h5>
H6 header

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<h6>H6 header</h6>

Alerts

We used Bootstrap alerts. More information you can find here.

Well done! Your message was sent. Thank you!
<div class="alert alert-success">Text message...</div>
Whoops! Fill up message!
<div class="alert alert-danger">Text message...</div>
Heads up! Your attention...
<div class="alert alert-info">Text message...</div>
Warning! Check your message!
<div class="alert alert-warning">Text message...</div>

Buttons

Examples:
<div class="buttons">
	<a href="#" class="btn btn-dark">button</a>
</div>
		
<div class="buttons">
	<a href=""# class="btn btn-lg">Large button</a>
</div>
		

Icons

We're proud to present you over 369 icons made by Font Awesome. Those pretty, sharp icons will bring some life into even most boring parts of your website. You feel tired seing everywhere Font Awesome icons? We thought it would be nice bring some fresh your website. So we present you icons made by Simple Line Icons. If you need other navigation icons, we prepared for you icons pack with arrows from fontello (made by MFG Labs).

Simple Line Icons

  • icon-action-redo
  • icon-action-undo
  • icon-anchor
  • icon-arrow-down
  • icon-arrow-left
  • icon-arrow-right
  • icon-arrow-up
  • icon-badge
  • icon-bag
  • icon-ban
  • icon-bar-chart
  • icon-basket
  • icon-basket-loaded
  • icon-bell
  • icon-book-open
  • icon-briefcase
  • icon-bubble
  • icon-bubbles
  • icon-bulb
  • icon-calculator
  • icon-calendar
  • icon-call-end
  • icon-call-in
  • icon-call-out
  • icon-camcorder
  • icon-camera
  • icon-check
  • icon-chemistry
  • icon-clock
  • icon-close
  • icon-cloud-download
  • icon-cloud-upload
  • icon-compass
  • icon-control-end
  • icon-control-forward
  • icon-control-pause
  • icon-control-play
  • icon-control-rewind
  • icon-control-start
  • icon-credit-card
  • icon-crop
  • icon-cup
  • icon-cursor
  • icon-cursor-move
  • icon-diamond
  • icon-direction
  • icon-directions
  • icon-disc
  • icon-dislike
  • icon-doc
  • icon-docs
  • icon-drawer
  • icon-drop
  • icon-earphones
  • icon-earphones-alt
  • icon-emoticon-smile
  • icon-energy
  • icon-envelope
  • icon-envelope-letter
  • icon-envelope-open
  • icon-equalizer
  • icon-eye
  • icon-eyeglasses
  • icon-feed
  • icon-film
  • icon-fire
  • icon-flag
  • icon-folder
  • icon-folder-alt
  • icon-frame
  • icon-game-controller
  • icon-ghost
  • icon-globe
  • icon-globe-alt
  • icon-graduation
  • icon-graph
  • icon-grid
  • icon-handbag
  • icon-heart
  • icon-home
  • icon-hourglass
  • icon-info
  • icon-key
  • icon-layers
  • icon-like
  • icon-link
  • icon-list
  • icon-lock
  • icon-lock-open
  • icon-login
  • icon-logout
  • icon-loop
  • icon-magic-wand
  • icon-magnet
  • icon-magnifier
  • icon-magnifier-add
  • icon-magnifier-remove
  • icon-map
  • icon-microphone
  • icon-mouse
  • icon-moustache
  • icon-music-tone
  • icon-music-tone-alt
  • icon-note
  • icon-notebook
  • icon-paper-clip
  • icon-paper-plane
  • icon-pencil
  • icon-picture
  • icon-pie-chart
  • icon-pin
  • icon-plane
  • icon-playlist
  • icon-plus
  • icon-pointer
  • icon-power
  • icon-present
  • icon-printer
  • icon-puzzle
  • icon-question
  • icon-refresh
  • icon-reload
  • icon-rocket
  • icon-screen-desktop
  • icon-screen-smartphone
  • icon-screen-tablet
  • icon-settings
  • icon-share
  • icon-share-alt
  • icon-shield
  • icon-shuffle
  • icon-size-actual
  • icon-size-fullscreen
  • icon-social-dribbble
  • icon-social-dropbox
  • icon-social-facebook
  • icon-social-tumblr
  • icon-social-twitter
  • icon-social-youtube
  • icon-speech
  • icon-speedometer
  • icon-star
  • icon-support
  • icon-symbol-female
  • icon-symbol-male
  • icon-tag
  • icon-target
  • icon-trash
  • icon-trophy
  • icon-umbrella
  • icon-user
  • icon-user-female
  • icon-user-follow
  • icon-user-following
  • icon-user-unfollow
  • icon-users
  • icon-vector
  • icon-volume-1
  • icon-volume-2
  • icon-volume-off
  • icon-wallet
  • icon-wrench

Examples font Awesome icons

  • fa fa-facebook
  • fa fa-gift
  • fa fa-play
  • fa fa-folder

MFG Labs Icons

  • arrow-down
  • arrow-up
  • arrow-left
  • arrow-right
  • arrow-down-open
  • arrow-up-open
  • arrow-left-open
  • arrow-right-open
Examples:
<i class="fa fa-facebook"></i>
<i class="icon-cloud"></i>
<i class="arrow-up"></i>

Grids

Bootstrap is a responsive grid system. More information about the system you can find here.

12 columns

Nullam massa dui, pellentesque ut ligula at, rutrum lacinia sapien. Sed eu nunc vel mi eleifend convallis et vitae risus. Curabitur nec eros a quam porta facilisis eget vel ipsum. Integer egestas, justo vel suscipit dapibus, risus nunc dapibus arcu, ut lobortis eros risus eget nisi. Vestibulum ultrices mauris sagittis pharetra volutpat. Cras pharetra sed quam sit amet aliquet. Phasellus aliquet feugiat porttitor. Sed vitae lorem tristique, auctor neque ut, bibendum tellus. Nullam condimentum sem lacinia purus tincidunt vehicula. Donec sed nibh et lorem viverra cursus vel sit amet justo. Proin velit nisi, blandit quis ultricies in, pretium a metus. Integer sit amet malesuada velit. Donec suscipit, elit at faucibus eleifend, sapien risus placerat lectus, venenatis ultricies purus nisl vitae nibh. Duis convallis nibh rutrum magna dictum facilisis.

6 columns

Nullam massa dui, pellentesque ut ligula at, rutrum lacinia sapien. Sed eu nunc vel mi eleifend convallis et vitae risus. Curabitur nec eros a quam porta facilisis eget vel ipsum. Integer egestas, justo vel suscipit dapibus, risus nunc dapibus arcu, ut lobortis eros risus eget nisi. Vestibulum ultrices mauris sagittis pharetra volutpat.

6 columns

Nullam massa dui, pellentesque ut ligula at, rutrum lacinia sapien. Sed eu nunc vel mi eleifend convallis et vitae risus. Curabitur nec eros a quam porta facilisis eget vel ipsum. Integer egestas, justo vel suscipit dapibus, risus nunc dapibus arcu, ut lobortis eros risus eget nisi. Vestibulum ultrices mauris sagittis pharetra volutpat.

4 columns

Nullam massa dui, pellentesque ut ligula at, rutrum lacinia sapien. Sed eu nunc vel mi eleifend convallis et vitae risus. Curabitur nec eros a quam porta facilisis eget vel ipsum. Integer egestas, justo vel suscipit dapibus, risus nunc dapibus arcu, ut lobortis eros risus eget nisi. Vestibulum ultrices mauris sagittis pharetra volutpat.

4 columns

Nullam massa dui, pellentesque ut ligula at, rutrum lacinia sapien. Sed eu nunc vel mi eleifend convallis et vitae risus. Curabitur nec eros a quam porta facilisis eget vel ipsum. Integer egestas, justo vel suscipit dapibus, risus nunc dapibus arcu, ut lobortis eros risus eget nisi. Vestibulum ultrices mauris sagittis pharetra volutpat.

4 columns

Nullam massa dui, pellentesque ut ligula at, rutrum lacinia sapien. Sed eu nunc vel mi eleifend convallis et vitae risus. Curabitur nec eros a quam porta facilisis eget vel ipsum. Integer egestas, justo vel suscipit dapibus, risus nunc dapibus arcu, ut lobortis eros risus eget nisi. Vestibulum ultrices mauris sagittis pharetra volutpat.

7 columns

Nullam massa dui, pellentesque ut ligula at, rutrum lacinia sapien. Sed eu nunc vel mi eleifend convallis et vitae risus. Curabitur nec eros a quam porta facilisis eget vel ipsum. Integer egestas, justo vel suscipit dapibus, risus nunc dapibus arcu, ut lobortis eros risus eget nisi. Vestibulum ultrices mauris sagittis pharetra volutpat. Cras pharetra sed quam sit amet aliquet. Phasellus aliquet feugiat porttitor. Sed vitae lorem tristique, auctor neque ut, bibendum tellus. Nullam condimentum sem lacinia purus tincidunt vehicula.

5 columns

Nullam massa dui, pellentesque ut ligula at, rutrum lacinia sapien. Sed eu nunc vel mi eleifend convallis et vitae risus. Curabitur nec eros a quam porta facilisis eget vel ipsum. Integer egestas, justo vel suscipit dapibus, risus nunc dapibus arcu, ut lobortis eros risus eget nisi. Vestibulum ultrices mauris sagittis pharetra volutpat. Cras pharetra sed quam sit amet aliquet. Phasellus aliquet feugiat porttitor. Sed vitae lorem tristique, auctor neque ut, bibendum tellus.

Examples:
<div class="col-md-12"></div>
<div class="col-md-7"></div> <div class="col-md-5"></div>

Dropcap

D onec varius condimentum augue, nec mollis risus egestas sit amet. Etiam elit est, tincidunt non tincidunt sit amet, mollis vitae orci. Suspendisse sit amet turpis quam. Sed varius magna nec felis faucibus blandit. Quisque at gravida ante. Phasellus sagittis aliquam sodales. Donec a tortor vitae dolor sagittis aliquam eu id lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus ac dapibus nisl. Proin in tellus non velit sagittis viverra vel sit amet dui. Cras augue ante, tincidunt consequat ultricies ultricies, tempor a elit. Vestibulum feugiat dapibus tempus. Integer suscipit ipsum sem fermentum bibendum. Vestibulum quam neque, pretium eu consectetur quis, iaculis et massa. Sed consectetur erat fermentum purus condimentum aliquam.

Example:
<span class="dropcap">D</span>

Highlights

Aliquam sed leo leo, at aliquam felis. Sed sed purus ac lacus faucibus placerat. Donec hendrerit dapibus justo, bibendum iaculis sem vehicula sed. Fusce dolor orci, eleifend quis dignissim non, tristique sit amet elit. Maecenas semper venenatis felis eu hendrerit in tincidunt vehicula. Cras dictum mi nec dolor justo lacinia. Nunc at sem lectus, quis aliquam metus. Nam sagittis est at erat tincidunt ut porttitor eros viverra

Examples:
<div class="highlights-solid">Your text...</div>
<div class="highlights-color">Your text...</div>
<div class="highlights-outline">Your text...</div>

Tooltips

You need to use tooltips, but you don't know how? Visit the Bootstrap site .

Maecenas dolor est, interdum a euismod eu, accumsan posuere nisl. Nam sed iaculis massa. Sed nisl lectus, tempor sed euismod quis, sollicitudin nec est. Suspendisse dignissim bibendum tempor. Nam erat felis, commodo sed semper commodo vel mauris suspendisse dignissim bibendum tempus.

Examples:
<a href="#" class="tooltips" data-toggle="tooltip" data-placement="top" title="Your title...">Your text...</a>

Blockquote

Maecenas dolor est, interdum a euismod eu, accumsan posuere nisl. Nam sed iaculis massa. Sed nisl lectus, tempor sed euismod quis, sollicitudin nec est. Suspendisse dignissim bibendum tempor. Nam erat felis, commodo sed semper commodo vel mauris suspendisse dignissim bibendum tempus.

Mauris aliquet ultricies ante, non faucibus ante gravida sed. Sed ultrices pellentesque purus, vulputate volutpat ipsum hendrerit sed neque sed sapien rutrum laoreet justo ultrices. In pellentesque lorem condimentum dui morbi pulvinar dui non quam pretium ut lacinia tortor.

In ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu dui. Fusce lacinia tempor malesuada. Ut lacus sapien, placerat a ornare nec, elementum sit amet felis. Maecenas pretium hendrerit fermentum.

Example:
<blockquote>Your text...</blockquote>

Large notice

This is a headline

This is example of style component for calling extra attention to featured content or information.

Example:
<div class="notice">
<div class="text-notice">
  <h3 class="notice-header">Header</h3>
  <p class="notice-text">Your text...</p>
</div>
<div class="color button-notice">
  <a href="#" class="btn btn-default">Button</p>
</div>
</div>
		

Call to action

This is a headline

This is example of style component for calling extra attention to featured content or information.

This is a headline

This is example of style component for calling extra attention to featured content or information.

This is a headline

This is example of style component for calling extra attention to featured content or information.

This is a headline

This is example of style component for calling extra attention to featured content or information.

This is a headline

This is example of style component for calling extra attention to featured content or information. This is example of style component for calling extra attention to featured content or information. This is example of style component for calling extra attention to featured content or information.

Examples:
<div class="notice notice-light">
   <div class="text-notice">
      <h3 class="notice-header">Header</h3>
      <p class="notice-text">Your text...</p>
   </div>
   <div class="button">
      <a href="#" class="btn btn-color">Button</p>
   </div>
</div>
		
<div class="notice notice-none-border">
   <div class="text-notice">
      <h3 class="notice-header">Header</h3>
      <p class="notice-text">Your text...</p>
   </div>
   <div class="button">
      <a href="#" class="btn btn-outline-color">Button</p>
   </div>
</div>