index.html 3.1 KB
<!DOCTYPE html>
<html lang="ko">

<head>
  <meta charset="UTF-8">
    <title>EMOJI-HUMAN</title>
    <link rel="stylesheet" href="/index.css">
    <link rel="icon" type="image/x-icon" href="/src/rainbow_1f308.png">
    <meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="/external/reset.min.css">
</head>

<body style="margin: 0 auto">

    <!-- 큰 묶음은 배경임 -->
    <div id="gradient-bg">

        <!-- 내비게이션 -->
        <link rel="stylesheet" href="/external/bootstrap.min.css"><!--bootstrap-->
        <!--css link-->
        <link rel="stylesheet" href="/external/font-awesome.min.css"><!--for icons-->
            <script src="/external/ajax/jquery.min.js"></script><!--jquery script-->
        <script src="/external/bootstrap/bootstrap.min.js"></script><!--bootstrap script-->

        <body id="page-top">
        <!--creating a navigation bar-->
        <nav id="main-nav" class="navbar navbar-default navbar-fixed-top navbar-custom"><!--navigation bar with default view fixed on top specific class nav-bar custom-->
        <div class="container"><!--gives padding of 16px on LHS and RHS-->
        <div class="navbar-header page-scroll"><!--navigation bar header having proprty to scroll -->
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                            <span></span> Menu <i class="fa fa-bars"></i>
                        </button>
                    </div><!--end of button-->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><!--to collapse-->
            <ul class="nav navbar-nav">
            <li><a href="/index.html">Home</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right page-scroll"><!--second UL to go to right having proprty to scroll page-->
                <li> <a href="/About Us/About Us.html">About Us</a></li>
                <li><a href="/EMOJI-HUMAN/EMOJI-HUMAN.html">EMOJI-HUMAN</a></li>
                <li><a href="/EMO-TI/EMO-TI.html">EMO-TI</a></li>
                <li><a href="/EMO-SSAGE/EMO-SSAGE.html">EMO-SSAGE</a></li>
            </ul>
            </div>
        </div>
        </nav>
        <!-- 내비게이션 -->
          
        <div style="float: left; width: 100%;">
            <img src="/src/3d_crossword-01.png" style="display: block; margin: 0 auto; width: 720px; height:720px;">
        </div>

        <!-- 이모지 레인 -->
        <div style="z-index: 1;">
            <link href="/external/oswald" rel="stylesheet"> 
            <div id="all">
            <div id="container">
            <div id="animate">
            </div>
            </div>
            </div>
            
            <div id="footer" style="display: contents;">
                <p>W e l c o m e &nbsp;&nbsp;t o &nbsp;&nbsp;E M O J I &nbsp;&nbsp;H U M A N &nbsp;&nbsp;W o r l d</p>
            </div>

            <script  src="/index.js"></script>
        </div>
        <!-- 이모지 레인 -->
               
    </div>
    <script src="/index.js"></script>
    <!-- 큰 묶음은 배경임 -->
</body>