381 lines
17 KiB
HTML
381 lines
17 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
|
||
<title>InterChange Co.,Ltd. | インターチェンジ株式会社</title>
|
||
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta name="keywords" content="">
|
||
<meta name="description" content="">
|
||
|
||
<!-- stylesheets css -->
|
||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||
|
||
<link rel="stylesheet" href="css/magnific-popup.css">
|
||
|
||
<link rel="stylesheet" href="css/animate.min.css">
|
||
<link rel="stylesheet" href="css/font-awesome.min.css">
|
||
|
||
<link rel="stylesheet" href="css/nivo-lightbox.css">
|
||
<link rel="stylesheet" href="css/nivo_themes/default/default.css">
|
||
|
||
<link rel="stylesheet" href="css/hover-min.css">
|
||
<link rel="stylesheet" href="css/flexslider.css">
|
||
|
||
<link rel="stylesheet" href="css/style.css">
|
||
|
||
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
|
||
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600' rel='stylesheet' type='text/css'>
|
||
|
||
</head>
|
||
<body id="top" data-spy="scroll" data-target=".navbar-collapse" data-offset="50">
|
||
|
||
<!-- Preloader section -->
|
||
<div class="preloader">
|
||
<div class="sk-spinner sk-spinner-pulse"></div>
|
||
</div>
|
||
|
||
|
||
<!-- Home section -->
|
||
<section id="home" class="parallax-section">
|
||
<div class="gradient-overlay"></div>
|
||
<div class="container">
|
||
<div class="row">
|
||
|
||
<div class="col-md-offset-2 col-md-8 col-sm-12">
|
||
<h1 class="wow fadeInUp" data-wow-delay="0.6s">InterChange Co.,Ltd.</h1>
|
||
<h2 class="wow fadeInUp" data-wow-delay="0.6s">インターチェンジ株式会社</h2>
|
||
<p class="wow fadeInUp" data-wow-delay="1.0s">世の中の組織が抱える悩みをITで解決します</p>
|
||
<a href="#feature" class="wow fadeInUp btn btn-default hvr-bounce-to-top smoothScroll" data-wow-delay="1.3s">Scroll Down</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Navigation section -->
|
||
<div class="navbar navbar-default navbar-static-top" role="navigation">
|
||
<div class="container">
|
||
|
||
<div class="navbar-header">
|
||
<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
||
<span class="icon icon-bar"></span>
|
||
<span class="icon icon-bar"></span>
|
||
<span class="icon icon-bar"></span>
|
||
</button>
|
||
<a href="https://inter-change.jp/" class="navbar-brand"><img src="images/logo.png" width="201" height="45" alt="InterChange Co.,Ltd." /></a>
|
||
</div>
|
||
<div class="collapse navbar-collapse">
|
||
<ul class="nav navbar-nav navbar-right">
|
||
<li><a href="#top" class="smoothScroll">Home</a></li>
|
||
<li><a href="#feature" class="smoothScroll">Strength</a></li>
|
||
<li><a href="#about" class="smoothScroll">Story</a></li>
|
||
<li><a href="#video" class="smoothScroll">Services </a></li>
|
||
<li><a href="#menu" class="smoothScroll">Offering</a></li>
|
||
<li><a href="#team" class="smoothScroll">Company</a></li>
|
||
<li><a href="#contact" class="smoothScroll">Contact</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Feature section -->
|
||
<section id="feature" class="parallax-section">
|
||
<div class="container">
|
||
<div class="row">
|
||
|
||
<div class="col-md-offset-2 col-md-8 col-sm-offset-1 col-sm-10">
|
||
<div class="wow fadeInUp section-title" data-wow-delay="0.6s">
|
||
<h2>Why Choose Us?</h2>
|
||
<h4>お選びいただく理由</h4>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="clearfix"></div>
|
||
|
||
<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.3s">
|
||
<div class="feature-thumb">
|
||
<div class="feature-icon">
|
||
<span><i class="fa fa-forward"></i></span>
|
||
</div>
|
||
<h3>導入の早さ</h3>
|
||
<p>弊社のアプリケーションはお客様のIT環境に依存せず、必要最低限の手順や費用で稼動を実現します。導入前のトライアル希望もご相談ください。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.6s">
|
||
<div class="feature-thumb">
|
||
<div class="feature-icon">
|
||
<span><i class="fa fa-user"></i></span>
|
||
</div>
|
||
<h3>高い技術レベル</h3>
|
||
<p>インドの開発拠点との連携により、高い暗号化技術を取り入れています。セキュリティ面で審査が厳しいお客様にもオススメいたします。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.9s">
|
||
<div class="feature-thumb">
|
||
<div class="feature-icon">
|
||
<span><i class="fa fa-wrench"></i></span>
|
||
</div>
|
||
<h3>カスタマイズ対応</h3>
|
||
<p>ある程度の任意設定や表示が変更可能であることはもちろん、別途お客様のご要望に合わせてアプリケーションのカスタマイズも承っております。</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<!-- About section -->
|
||
<section id="about" class="parallax-section">
|
||
<div class="container">
|
||
<div class="row">
|
||
|
||
<div class="col-md-offset-2 col-md-8 col-sm-offset-1 col-sm-10">
|
||
<div class="wow fadeInUp section-title section-titleadd" data-wow-delay="0.3s">
|
||
<h2>Our Story</h2>
|
||
<h4><br><br>インターチェンジは世の中の組織が抱える悩みをITで解決します。<br><br>
|
||
お客様の立場になって問題解決に必要な要素を考え、ソリューションをアウトプットします。<br><br>
|
||
「思いやり」を行動指針に、インターチェンジに関わったすべての人の満足度が高くあることを目指します。
|
||
</h4>
|
||
</div>
|
||
</div>
|
||
<div class="clearfix"></div>
|
||
<div class="wow fadeInUp col-md-3 col-sm-5" data-wow-delay="0.3s">
|
||
<img src="images/about-img.jpg" class="img-responsive" alt="About">
|
||
</div>
|
||
<div class="wow fadeInUp col-md-8 col-sm-12" data-wow-delay="0.9s">
|
||
<p class="jp1">
|
||
<br><br>
|
||
弊社インターチェンジは元々、研修事業・コンサルティング事業を柱として2005年に設立した会社から、ITに特化した形で独立いたしました。
|
||
様々な業種・職種に関わっていく中で、IT面でもお客様をサポートする意義を感じ、ITソリューション事業を開設いたしました。
|
||
</p>
|
||
<p class="jp1"><br>
|
||
ご縁がつながり、弊社のサービスをお選びいただく機会が増えております。
|
||
インドにも開発拠点があり、日本オフィスと連携をとりながら、迅速かつ柔軟な対応を心がけております。これからも日々、お客様のサポートに邁進して参ります。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<!-- Video section -->
|
||
<section id="video" class="parallax-section">
|
||
<div class="overlay"></div>
|
||
<div class="container">
|
||
<div class="row">
|
||
|
||
<div class="col-md-offset-2 col-md-8 col-sm-12">
|
||
|
||
<h2 class="wow fadeInUp" data-wow-delay="0.5s">Services</h2>
|
||
<p class="wow fadeInUp" data-wow-delay="0.8s">事業内容</p>
|
||
|
||
<ul style="list-style-type: none; text-align: left; margin-left: 25%;">
|
||
<li>
|
||
<br><br>・法人向けソフトウェアの企画、開発、販売<br><br>
|
||
</li>
|
||
<li>
|
||
・IT分野の技術支援、運用保守支援<br><br>
|
||
</li>
|
||
<li>
|
||
・業務効率化コンサルティング<br><br>
|
||
</li>
|
||
<li>
|
||
・事業プロセスマネジメント、研修及び教育支援<br><br>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Menu section -->
|
||
<section id="menu" class="parallax-section">
|
||
<div class="container">
|
||
<div class="row">
|
||
|
||
<div class="col-md-offset-2 col-md-8 col-sm-offset-1 col-sm-10">
|
||
<div class="wow fadeInUp section-title" data-wow-delay="0.3s">
|
||
<h2>Offering</h2>
|
||
<h4>様々なアプリケーションをご用意しております。</h4>
|
||
<h3>RPA - <span style="text-transform: capitalize;">Robot Process Automation</span> や<br>
|
||
AI, OCRを取り入れたソリューションも提供しております。</h3>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-6 col-sm-12">
|
||
<div class="media wow fadeInUp" data-wow-delay="0.6s">
|
||
<div class="media-body">
|
||
<h3 class="media-heading" style="font-weight: bold;">WorkFlow+ Cloud</h3>
|
||
<p class="jp2">
|
||
ワークフロー/ビジネスプロセスマネジメント(BPM)ツールです。
|
||
Webフォームを用いて従来の紙データをデジタルデータ化していきます。
|
||
文書の承認プロセスの進捗を把握したり、社内の情報をデジタルデータ化して蓄積したり、
|
||
社内のあらゆる情報資源を可視化して管理します。御社の状況をヒアリングし、カスタマイズ対応いたします。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="media wow fadeInUp" data-wow-delay="0.9s">
|
||
<div class="media-body">
|
||
<h3 class="media-heading" style="font-weight: bold;"><br>Event Scheduler</h3>
|
||
<p class="jp2">
|
||
スケジュール調整ツールです。<br>
|
||
会議やセミナーなどのイベントについて、大人数の予定を集計します。候補日について全員に多数決をとりたい、
|
||
多くの部署を巻き込んだイベントの出席管理をしたい、等の要望にこのツールをお勧めします。<br>
|
||
回覧板やメール、電話で都度確認する作業は必要なくなり、主催者も参加者もWeb上の簡単な入力作業で完結します。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="media wow fadeInUp" data-wow-delay="1.2s">
|
||
<div class="media-body">
|
||
<h3 class="media-heading" style="font-weight: bold;">Classroom</h3>
|
||
<p class="jp2">
|
||
予約管理ツールです。<br>
|
||
会議室やトレーニングなど事前予約が必要なものについて一元管理ができます。
|
||
オンラインで予約状況の確認、予約完了メール、前日のリマインダーメールの自動配信システムを組み合わせることが可能です。<br>
|
||
このツールを使用することで、24時間365日予約可能な状態にでき、集客するチャンスが増えます。
|
||
御社の事業拡大をサポートする強力なツールとして活躍します。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div> <!--<div class="col-md-6 col-sm-12">-->
|
||
|
||
|
||
<div class="col-md-6 col-sm-12">
|
||
<div class="media wow fadeInUp" data-wow-delay="1s">
|
||
<div class="media-body">
|
||
<h3 class="media-heading" style="font-weight: bold;">Permission Manage</h3>
|
||
<p class="jp2">
|
||
フォルダのアクセス権を管理するツールです。<br>
|
||
Microsoft系統のサーバー環境に導入し、
|
||
それ１つでアクセス制御や権限変更、変更履歴の蓄積など、お客様のデータをセキュリティインシデントから守ります。
|
||
アクセス権や蓄積された履歴データは、管理者ページから一覧を確認できます。<br><br>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="media wow fadeInUp" data-wow-delay="1.3s">
|
||
<div class="media-body">
|
||
<h3 class="media-heading" style="font-weight: bold;">Business card manager</h3>
|
||
<p class="jp2">
|
||
名刺管理ツールです。<br>
|
||
日々増えていく名刺を簡単にデジタルデータ化し、検索機能を活用することで有用なツールになります。
|
||
別途セキュリティ機能を組み合わせることで公開範囲を自由に設定できます。<br>
|
||
高機能な名刺管理ツールも良いけれど、コストを抑えつつ簡単に名刺管理を行いたい方に選ばれています。<br><br>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="media wow fadeInUp" data-wow-delay="1.6s">
|
||
<div class="media-body">
|
||
<h3 class="media-heading" style="font-weight: bold;">MS Office-Addin</h3>
|
||
<p class="jp2">
|
||
OulookやExcelなど、Microsoft Officeに機能を追加します。<br>
|
||
例えば、APIを組み合わせて、"メールを受信したら他のアプリケーションと連携した動作を行う"という設定が可能です。<br>
|
||
このツールはご要望を聞いてから開発に着手しますので、下記コンタクトフォームからお問い合わせください。<br>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div> <!--<div class="col-md-6 col-sm-12">-->
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Team section -->
|
||
<section id="team" class="parallax-section">
|
||
<div class="container">
|
||
<div class="row">
|
||
|
||
<div class="col-md-offset-2 col-md-8 col-sm-offset-1 col-sm-10">
|
||
<div class="wow fadeInUp section-title" data-wow-delay="0.3s">
|
||
<h2>Company</h2>
|
||
<h4>会社概要</h4>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="clearfix"></div>
|
||
|
||
<div class="wow fadeInUp col-md-12 col-sm-12" data-wow-delay="0.3s" style="text-align: left; margin-left: 30%; font-size: 14px;">
|
||
<p><span style="font-size: 20px; font-weight: bold;">インターチェンジ株式会社 InterChange Co.,Ltd.</span></p>
|
||
<div class="wow fadeInUp col-md-12 col-sm-12" data-wow-delay="0.3s" style="text-align: left; margin-left: 20%; font-size: 14px;"></div>
|
||
<p>＜品川事務所＞<span style="font-weight: bold;"> 所在地 </span> 〒140-0014 東京都品川区大井4-10-3 3F</p>
|
||
<p> <span style="font-weight: bold;"> ＴＥＬ </span> 03-6388-0816</p>
|
||
<br>
|
||
<p>＜秋葉原事務所＞〒101-0025 東京都千代田区神田佐久間町3-9 第三田中ビル 71号室</p>
|
||
<p> 電話番号： 03-6388-0816</p>
|
||
<br>
|
||
</div>
|
||
|
||
<div class="clearfix"></div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Contact section -->
|
||
<section id="contact" class="parallax-section">
|
||
<div class="overlay"></div>
|
||
<div class="container">
|
||
<div class="row">
|
||
|
||
<div class="col-md-offset-2 col-md-8 col-sm-offset-1 col-sm-10">
|
||
<div class="wow fadeInUp section-title" data-wow-delay="0.3s">
|
||
<h2>Contact us</h2>
|
||
<h4>資料送付など お問い合わせはこちらからどうぞ</h4>
|
||
</div>
|
||
<div class="contact-form wow fadeInUp" data-wow-delay="0.7s">
|
||
<form id="contact-form" method="post" action="#">
|
||
<input name="company" type="company" class="form-control" placeholder="会社名／Your Company Name" required>
|
||
<input name="name" type="text" class="form-control" placeholder="氏名／Your Name" required>
|
||
<input name="email" type="email" class="form-control" placeholder="メールアドレス／Your Email" required>
|
||
<textarea name="message" class="form-control" placeholder="本文／Message" rows="5" required></textarea>
|
||
<input type="submit" class="form-control submit" value="SEND MESSAGE">
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Copyright section -->
|
||
<section id="copyright">
|
||
<div class="container">
|
||
<div class="row" style="text-align: center;">
|
||
<p>Copyright 2019 InterChange Co.,Ltd.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- javscript js -->
|
||
<script src="js/jquery.js"></script>
|
||
<script src="js/bootstrap.min.js"></script>
|
||
|
||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||
|
||
<script src="js/jquery.sticky.js"></script>
|
||
<script src="js/jquery.backstretch.min.js"></script>
|
||
|
||
<script src="js/isotope.js"></script>
|
||
<script src="js/imagesloaded.min.js"></script>
|
||
<script src="js/nivo-lightbox.min.js"></script>
|
||
|
||
<script src="js/jquery.flexslider-min.js"></script>
|
||
|
||
<script src="js/jquery.parallax.js"></script>
|
||
<script src="js/smoothscroll.js"></script>
|
||
<script src="js/wow.min.js"></script>
|
||
|
||
<script src="js/custom.js"></script>
|
||
|
||
</body>
|
||
</html> |