index.html 10.3 KB
<!DOCTYPE html>
<html>
<!-- InstanceBegin template="/Templates/base.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="format-detection" content="telephone=no">
  <!-- Google Tag Manager -->
  <script>(function (w, d, s, l, i) {
      w[l] = w[l] || []; w[l].push({
        'gtm.start':
          new Date().getTime(), event: 'gtm.js'
      }); var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
          'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-KH9WKH6');</script>
  <!-- End Google Tag Manager -->
  <!-- InstanceBeginEditable name="doctitle" -->
  <title>「つながる」と、あなたの一日はこう変わる! | LIFE UP プロモーション</title>
  <meta charset="utf-8">
  <meta name="description" content="">
  <!-- InstanceEndEditable -->
  <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
  <link rel="stylesheet" type="text/css" href="/common/css/html5reset-1.6.1.css">
  <link rel="stylesheet" type="text/css" href="/common/css/common.css">
  <!-- InstanceBeginEditable name="css" -->
  <link rel="stylesheet" type="text/css" href="/css/top.css">
  <!-- InstanceEndEditable -->
  <!-- InstanceParam name="page" type="text" value="top" -->
  <!--[if lt IE 9]>
<script src="//cdn.jsdelivr.net/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KH9WKH6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->
  <header>
    <div class="flex spFlexRow">
      <div class="logo">
        <a href="/"><img src="/common/img/logo.png" alt="LIFE UP プロモーション"></a>
      </div>
      <nav>
        <ul class="flex spFlexRow">
          <li><a href="/" class="active"><span>TOP</span></a></li>
          <li><a href="/about/" ><span>LIFE UP プロモーション<br>について</span></a></li>
          <li><a href="/service/" ><span>機器・サービス紹介</span></a></li>
          <li><a href="/interview/" ><span>イベント・インタビュー</span></a></li>
        </ul>
      </nav>
      <div class="cps">
        <a href="https://cyber-physical.jp/" target="_blank"><img src="/common/img/hd_cps.png" alt="生活空間におけるサイバー/フィジカル融合促進事業費補助金"></a>
      </div>
    </div>
  </header>
  <main>
    <!-- InstanceBeginEditable name="contents" -->
    <section id="hero">
      <div class="container">
        <h1>
          <img src="/img/top/hero_logo.png" alt="LIFE UP プロモーション">
          <p class="catch">LIFE UP プロモーション</p>
          <p>「つながる」と、 <br>あなたの一日はこう変わる!</p>
        </h1>
      </div>
    </section>
    <section id="news" class="container">
      <div class="flex">
        <h2><span>新着情報</span></h2>
        <dl class="flex">
          <dt>2019.12.05</dt>
          <dd><a href="/interview/event02.html">イベント「LIFE UP プロモーション~赤ずきんちゃんのスマートライフな一日~」トークイベントを開催しました。</a></dd>
          <dt>2019.11.18</dt>
          <dd><a href="/interview/event01.html">イベント「LIFE UP プロモーション~赤ずきんちゃんのスマートライフな一日~」を開催します。</a></dd>
          <dt>2019.11.13</dt>
          <dd><a href="/interview/">「イベント・インタビュー」を更新しました。</a></dd>
          <dt>2019.10.31</dt>
          <dd><a href="/interview/">「イベント・インタビュー」を更新しました。</a></dd>
          <dt>2019.10.16</dt>
          <dd><a href="/interview/">「イベント・インタビュー」を更新しました。</a></dd>
        </dl>
      </div>
      <div class="more">
        <a href="/news/"><span>新着情報一覧はこちら</span></a>
      </div>
    </section>
    <section id="what_is_life_up" class="container">
      <div class="flex">
        <div><img src="/img/top/what_is_life_up_img.png" alt="What is LIFE UP プロモーション?"></div>
        <div>
          <h2><img src="/img/top/what_is_life_up_h2.png" alt="What is LIFE UP プロモーション?"></h2>
          <div class="more">
            <a href="/about/"><span>LIFE UP プロモーションについて</span></a>
          </div>
        </div>
      </div>
    </section>
    <section id="life" class="container">
      <div class="flex reverse">
        <div><img src="/img/top/life_img.png" alt="「つながるライフ」をさがしてみよう。"></div>
        <div>
          <h2><img src="/img/top/life_h2.png" alt="「つながるライフ」をさがしてみよう。"></h2>
          <div class="more">
            <a href="/service/"><span>機器・サービス紹介</span></a>
          </div>
        </div>
      </div>
    </section>
    <section id="event" class="container">
      <h2><img src="/img/top/event_ttl.png" alt="イベント"></h2>
      <div class="flex flex-between">
        <div>
          <figure><img src="/img/event/02/list_thumb.jpg" alt="「LIFE UP プロモーション~赤ずきんちゃんのスマートライフな一日~」トークイベント 開催【2019/11/30】"></figure>
          <div class="pbBox">
            <p class="date">2019年12月5日</p>
            <p class="ttl">「LIFE UP プロモーション~赤ずきんちゃんのスマートライフな一日~」トークイベント 開催【2019/11/30】</p>
            <div class="more">
              <a href="/interview/event02.html"><span>くわしくはこちら</span></a>
            </div>
          </div>
        </div>
        <div>
          <figure><img src="/img/event/01/list_thumb.jpg" alt="「LIFE UP プロモーション~赤ずきんちゃんのスマートライフな一日~」 開催決定"></figure>
          <p class="date">2019年11月18日</p>
          <p class="ttl">「LIFE UP プロモーション~赤ずきんちゃんのスマートライフな一日~」 開催決定</p>
          <div class="more">
            <a href="/interview/event01.html"><span>くわしくはこちら</span></a>
          </div>
        </div>
        <div>
          <figure><img src="/img/top/event_img02.jpg" alt="CEATEC2019 開催【2019/10/15-10/18】"></figure>
          <p class="date">2019年10月16日</p>
          <p class="ttl">CEATEC2019 開催【2019/10/15-10/18】</p>
          <div class="more">
            <a href="/interview/report02.html"><span>くわしくはこちら</span></a>
          </div>
        </div>
        <div>
          <figure><img src="/img/top/event_img01.jpg" alt="「LIFE UP プロモーション」制度説明会 開催【2019/09/24】"></figure>
          <p class="date">2019年10月10日</p>
          <p class="ttl">「LIFE UP プロモーション」制度説明会 開催【2019/09/24】</p>
          <div class="more">
            <a href="/interview/report01.html"><span>くわしくはこちら</span></a>
          </div>
        </div>
        <div></div>
      </div>
    </section>
    <section id="interview" class="container">
      <h2><img src="/img/top/interview_ttl.png" alt="インタビュー"></h2>
      <div class="flex flex-between">
        <div>
          <figure><img src="/img/top/interview_og.jpg" alt="大阪ガス株式会社"></figure>
          <div class="more">
            <a href="/interview/og01.html"><span>大阪ガス株式会社</span></a>
          </div>
        </div>
        <div>
          <figure><img src="/img/top/interview_kw.jpg" alt="キーウェアソリューションズ株式会社"></figure>
          <div class="more">
            <a href="/interview/kw01.html"><span>キーウェアソリューションズ株式会社</span></a>
          </div>
        </div>
        <div>
          <figure><img src="/img/top/interview_sharp.jpg" alt="シャープ株式会社"></figure>
          <div class="more">
            <a href="/interview/sharp01.html"><span>シャープ株式会社</span></a>
          </div>
        </div>
        <div>
          <figure class="kadomaru"><img src="/img/top/interview_gk.jpg" alt="グローバルキッチン株式会社"></figure>
          <div class="more">
            <a href="/interview/gk01.html"><span>グローバルキッチン株式会社</span></a>
          </div>
        </div>
      </div>
    </section>
    <section id="ft_img">
      <img src="/img/top/ft_img.jpg" alt="LIFE UP プロモーション「つながると」と、あなたの一日はこう変わる!">
    </section>
    <!-- InstanceEndEditable -->
  </main>
  <footer>
    <div class="container">
      <div class="flex">
        <div>
          <div class="flex logos">
            <div><img src="/common/img/logo.png" alt="LIFE UP プロモーション「つながると」と、あなたの一日はこう変わる!"></div>
            <div>
              <p>LIFE UP プロモーション</p>
            </div>
          </div>
        </div>
        <nav>
          <ul>
            <li><a href="/">TOP</a></li>
            <li><a href="/about/">LIFE UP プロモーションについて</a></li>
            <li><a href="/service/">機器・サービス紹介</a></li>
            <li><a href="/interview/">イベント・インタビュー</a></li>
            <li><a href="/privacy/">プライバシーポリシー</a></li>
          </ul>
        </nav>
      </div>
      <div class="gfooter-facebook">
        <a href="https://www.facebook.com/LIFEUPpr/?modal=admin_todo_tour" target="_blank"><span class="icon"></span><span class="txt">facebook公式アカウント</span></a>
      </div>
    </div>
  </footer>
  <div id="pagetop">
    <a href="#"><img src="/common/img/pagetop.png" alt="PAGE TOP"></a>
  </div>
  <p class="copyright"><span>一般社団法人 環境共創イニシアチブ 〒104-0061 中央区銀座2-16-7 恒産第3ビル7階</span>Copyright (C) Subsidies for promotingcyber / physical integration in living space, All Rights Reserved. </p>
  <!-- InstanceBeginEditable name="foot" -->
  <!-- InstanceEndEditable -->
</body>
<!-- InstanceEnd -->
</html>