index.html

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>6VOX</title>
<meta name="description" content="6VOX Company Site">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/main.css?v=2">
<link rel="shortcut icon" href="favicon.ico">

<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<!-- webfonts -->
<script src="//use.typekit.net/ubg7ohp.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
<link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>

</head>
<body>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-WH8ZH9"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<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=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WH8ZH9');</script>
<!-- End Google Tag Manager -->

<!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

<div class="header-container">
  <header class="wrapper clearfix">
    <h1 class="title">
      <a href="/">
        <div class="svg-container">
          <svg viewBox="6 -20 65 25" width="180" height="80" xmlns="https://www.w3.org/2000/svg" xmlns:svg="https://www.w3.org/2000/svg">
            <g>
            <text class="svg-text" stroke="#000000" transform="translate(38,0)" font-weight="normal" xml:space="preserve" text-anchor="middle" font-family="cooper-black-std, cooper black, Lobster" font-size="24" id="svg_2" y="0" x="0" stroke-width="0">6vox</text>
            </g>
          </svg>
        </div>
      </a>
    </h1>
    <nav>
      <ul>
        <li><a class="active" href="#about">About</a></li>
        <li><a class="" href="#outline">Outline</a></li>
      </ul>
    </nav>
  </header>
</div>

<div class="main-container">
  <div class="main wrapper clearfix">
    <article>

      <section id="about">
        <h1 class="cooper">About</h1>
        <p>
          2013年7月、フリーランス・エンジニアをしていた代表が
          「ひとりでできないことをしたい」と思い立ち上げました。
          6年目に一度解散し、現在は代表ひとりの<strong>ソロ会社</strong>ですが、
          <strong>10 年の節目に「おもしろい」と感じる領域をすべて射程に入れました。</strong>
        </p>
        <p>
          システム開発を軸に、街づくり・音楽・古着・食 など――
          カルチャーを媒介に、人とアイデアが化学反応を起こす場をつくります。
        </p>
        <hr/>
        <h4>取り組み領域</h4>
        <h5>デジタル基盤</h5>
        <p>AWS／業務システム／Webアプリの設計・開発・運用</p>
        <h5>カルチャー・プロジェクト</h5>
        <p>音楽イベントや飲食ポップアップなど、体験を媒介にした企画・運営</p>
        <h5>プレイスメイク</h5>
        <p>関西圏での拠点づくりとコミュニティ実験</p>
        <hr/>
        <p class="cta">
          どこかのイベントでお会いしたら、気軽に声をかけてください。
          <span aria-label="fun squad">🍎💙🍈🍆🍋🍊</span>
        </p>
      </section>

      <section id="outline" class="outline">
        <h1 class="cooper">Outline</h1>
        <table>
          <tbody>
          <tr><th>会社名</th><td>株式会社6VOX (6VOX Co.,Ltd.)</td></tr>
          <tr><th>事業内容</th><td>システム／ソフトウェア開発</td></tr>
          <tr><th>創業</th><td>2013年 7月</td></tr>
          <tr><th>取引銀行</th><td>三菱東京UFJ銀行 他...</td></tr>
          <tr><th>E-MAIL</th><td>info@6vox.com</td></tr>
          </tbody>
        </table>
        <h3>大阪本社</h3>
        <table>
          <tbody>
            <tr>
              <th>所在地</th>
              <td>
                <a class="address" href="https://www.google.co.jp/maps/place/%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE6VOX/@34.7473511,135.5096207,15z/data=!4m5!3m4!1s0x0:0xe0a19549acf9fe8f!8m2!3d34.7473511!4d135.5096207" target="_blank" ref="noopener noreferrer">
                  〒564-0043 大阪府吹田市南吹田2丁目16番6-3号 6VOX BASE
                </a>
              </td>
            </tr>
          </tbody>
        </table>

        <h4>南吹田琥珀街</h4>
        <div class="clearfix">
          <a href="https://kohakugai.com/" target="_blank">
            <img src="https://kohakugai.com/wp-content/themes/kohaku_pc/images/welcome/logo03.png" alt="kohakugai logo">
            <span>事務所は南吹田琥珀街という街のなかにあります<br>
            https://kohakugai.com/</span>
          </a>
        </div>
      </section>
    </article>

  </div> <!-- #main -->
</div> <!-- #main-container -->

<div class="footer-container">
  <footer class="wrapper">
    <h3>© 2014 6VOX CO.,LTD.</h3>
  </footer>
</div>

<script src="js/vendor/jquery-1.11.1.min.js"></script>
<script src="js/main.js?v=1"></script>

</body>
</html>