index.html

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta content="this site shows 2uu's works. For example: blog and arts as photo, video, music..." name="description">
  <meta content="2uu" name="keywords">
  <title>homepage@2uu</title>
  <link rel="icon" type="image/x-icon" href="favicon.ico"/>
  <!--link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon-180x180.png"-->
  <link href="css/reset.css" rel="stylesheet" type="text/css">
  <link href="css/css.css" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous"> 
  <link href="https://fonts.googleapis.com/css?family=Gugi|Noto+Serif+JP|Josefin+Slab|Bangers|Unica+One|Monoton|Sawarabi+Mincho" rel="stylesheet">
  <link href="https://fonts.googleapis.com/earlyaccess/kokoro.css" rel="stylesheet"> 
  <script src="https://cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js"></script>
  <script src="js/main.js"></script>
  <!--script src="js/img_appear.js"></script-->
  <meta name="viewport" content="width=device-width,initial-scale=1">
</head>

<body>
  
  <header class="site-header hide">
	<h1 class="site-logo"><a href="welcome"><img src="images/2uu_bite_logo.png"></a><!--a href="./" class="site-name">&nbsp;&nbsp;2uu homepage</a--></h1>
	<nav class="gnav">
	    <ul class="gnav__menu">
		<li class="gnav__menu__item"><a href="about"><i class="fas fa-info-circle"></i></a></li>
		<li class="gnav__menu__item"><a href="bio"><i class="fas fa-user-circle"></i></a></li>
		<!--li class="gnav__menu__item"><a href="blog/"><i class="fas fa-blog"></i></a></li-->
		<li class="gnav__menu__item"><a href="https://www.ttrinity.jp/shop/2uu/"><i class="fas fa-shopping-cart"></i></a></li>
		<li class="gnav__menu__item"><a href="contact"><i class="fas fa-address-card"></i></a></li>
	    <!--li class="gnav__menu__item"><a href="#">Policy</a></li-->
	    </ul>
	</nav>
  </header>	

  <div class="cd-fixed-bg cd-bg-1">
  </div> 
  
  <div class="cd-fixed-bg cd-bg-2 relative">
  	<p class="font1">
			Nice to meet you.<br>
  			I am 2uu.
  	</p>
  </div> 
  
  <div class="cd-fixed-bg cd-bg-3 relative">
		  <p class="font2">
		  <!--nobr>ふたたび孤独に戻るのが、</nobr><br><br><br>ぞっとするほど<br><br><br>怖いのだ。<br><br><br>
		  </p> <p class="font3"><nobr>嘔吐 ジャン＝ポール・サルトル</nobr-->
		  </p>
  </div> 
<div class="relative">
<div class="cd-fixed-bg cd-bg-4">
<dir class="iconlist">
	<a href="https://github.com/2uu" class="icon"><i class="fab fa-github"></i></a>
	<a href="https://kaggle.com/fuufuuu" class="icon"><i class="fab fa-kaggle"></i></a>
	<a href="https://twitter.com/2uu2uuu" class="icon"><i class="fab fa-twitter"></i></a>
	<a href="https://www.youtube.com/channel/UCga105Xbmq4Y6WKrKzl1Owg" class="icon"><i class="fab fa-youtube"></i></a>
	<a href="https://soundcloud.com/2uu2uu" class="icon"><i class="fab fa-soundcloud"></i></a>
	<!--a href="https://2uu.tokyo/blog/" class="icon"><i class="fas fa-blog"></i></a-->
	<a href="https://www.ttrinity.jp/shop/2uu/" class="icon"><i class="fas fa-tshirt"></i></a>
	<a href="https://steamcommunity.com/profiles/76561198445068149/" class="icon"><i class="fab fa-steam"></i></a>
	<a href="mailto://fuufuuu@icloud.com" class="icon"><i class="fas fa-envelope-square"></i></a>
</dir>

<p class=font3>	<nobr>このサイトは2uuによって作成・運営されています。</nobr><br>何か不明点・疑問等ありましたらコンタクトページからお問い合わせください。
</p>
</div></div>
<!--div style="text-align:center"-->	

<!--div class="nuito">	
<img src="images/melt_apple_no.png" oncontextmenu="return false;"/>
</div-->

<!--div style="margin-top:200%" class="hero">
	<p>This is sample. Development is on going. Full version is coming soon.</p>
	<p> Thank you for your visiting.</p>
	<p> This site is not yet ready to welcome you, but please enjoy.</p>
</div-->

<!--div style="margin-top:200%" class="ascii">
                ■■       ■          <br>
   ■■          ■■■      ■■■         <br>
   ■■■         ■■■      ■■■         <br>
   ■■■■■      ■■■■     ■■■          <br>
    ■■■■■     ■■■      ■■■          <br>
      ■■■    ■■■■■■■■■■■■■■■■■■■■■  <br>
       ■     ■■■■■■■■■■■■■■■■■■■■■  <br>
  ■         ■■■■       ■■           <br>
 ■■■       ■■■■■       ■■           <br>
 ■■■■■    ■■■■■■       ■■           <br>
  ■■■■■  ■■■■■■■■■■■■■■■■■■■■■■■    <br>
   ■■■■  ■■■ ■■■■■■■■■■■■■■■■■■■    <br>
     ■■   ■  ■■■       ■■           <br>
             ■■■       ■■           <br>
       ■■    ■■■       ■■           <br>
      ■■■■   ■■■■■■■■■■■■■■■■■■■    <br>
      ■■■    ■■■■■■■■■■■■■■■■■■■    <br>
     ■■■■    ■■■       ■■           <br>
    ■■■■     ■■■       ■■           <br>
   ■■■■      ■■■       ■■           <br>
  ■■■■■      ■■■■■■■■■■■■■■■■■■■■■■ <br>
 ■■■■■       ■■■■■■■■■■■■■■■■■■■■■■ <br>
  ■■■           ■■■                 <br>
   ■            ■■■                 <br>
                ■■■                 <br>
                ■■■                 <br>
                ■■■                 <br>
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■<br>
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■<br>
                ■■■                 <br>
                ■■■                 <br>
                ■■■                 <br>
                ■■■                 <br>
                ■■■                 <br>
                ■■■                 <br>
                ■■■                 <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
       ■         ■■      ■■■        <br>
      ■■■        ■■      ■■■        <br>
      ■■■        ■■      ■■■        <br>
      ■■■        ■■      ■■■        <br>
      ■■         ■■      ■■■        <br>
     ■■■   ■■■■■■■■■■■■■■■■■■■■■■■  <br>
     ■■■   ■■■■■■■■■■■■■■■■■■■■■■■  <br>
     ■■■         ■■      ■■■        <br>
    ■■■          ■■      ■■■        <br>
    ■■■          ■■      ■■■        <br>
    ■■■          ■■      ■■■        <br>
   ■■■■   ■■■■■■■■■■■■■■■■■■■■■■■■■■<br>
   ■■■■   ■■■■■■■■■■■■■■■■■■■■■■■■■■<br>
  ■■■■■   ■■■                       <br>
  ■■■■■   ■■■                       <br>
 ■■■■■■   ■■■                       <br>
 ■■■■■■   ■■■  ■■■■■■■■■■■■■■■■■■   <br>
■■■ ■■■   ■■■  ■■■■■■■■■■■■■■■■■■   <br>
■■■ ■■■   ■■■  ■■      ■■      ■■   <br>
■■  ■■■   ■■■  ■■      ■■      ■■   <br>
 ■  ■■■   ■■■  ■■      ■■      ■■   <br>
    ■■■   ■■■  ■■■■■■■■■■■■■■■■■■   <br>
    ■■■   ■■■  ■■■■■■■■■■■■■■■■■■   <br>
    ■■■   ■■■  ■■      ■■      ■■   <br>
    ■■■   ■■■  ■■      ■■      ■■   <br>
    ■■■   ■■   ■■      ■■      ■■   <br>
    ■■■  ■■■   ■■■■■■■■■■■■■■■■■■   <br>
    ■■■  ■■■   ■■■■■■■■■■■■■■■■■■   <br>
    ■■■  ■■■   ■■      ■■      ■■   <br>
    ■■■  ■■■   ■■      ■■      ■■   <br>
    ■■■ ■■■    ■■      ■■      ■■   <br>
    ■■■ ■■■    ■■      ■■      ■■   <br>
    ■■■■■■■    ■■      ■■  ■■■■■■   <br>
    ■■■■■■     ■■      ■■  ■■■■■■   <br>
    ■■■ ■■     ■■          ■■■■■■   <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                ■■■                 <br>
                ■■■                 <br>
                ■■■                 <br>
                ■■■                 <br>
                ■■■                 <br>
                ■■■                 <br>
                ■■■                 <br>
                ■■■                 <br>
   ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■   <br>
   ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■   <br>
   ■■■          ■■■           ■■■   <br>
   ■■■          ■■■           ■■■   <br>
   ■■■          ■■■           ■■■   <br>
   ■■■          ■■■           ■■■   <br>
   ■■■          ■■■           ■■■   <br>
   ■■■          ■■■           ■■■   <br>
   ■■■          ■■■           ■■■   <br>
   ■■■          ■■■           ■■■   <br>
   ■■■          ■■■           ■■■   <br>
   ■■■          ■■■           ■■■   <br>
   ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■   <br>
   ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■   <br>
   ■■■          ■■■           ■■■   <br>
   ■■■          ■■■           ■■■   <br>
   ■■■          ■■■           ■■■   <br>
                ■■■                 <br>
                ■■■                 <br>
                ■■■                 <br>
                ■■■                 <br>
                ■■■                 <br>
                ■■■                 <br>
                ■■■                 <br>
                ■■■                 <br>
                ■■■                 <br>
                ■■■                 </div>

<div style="margin-top:500px"></div-->

<footer>
<address>(C)2019 2uu.</address>
</footer>

</div>		
</body>
  
</html>