Difference between revisions of "Template:HK GTC"

Line 1: Line 1:
 
<html>
 
<html>
 
<header>
 
<header>
−
 
+
    <nav id="my-nav">
 +
        <div id="top">
 +
            <a href="index.html">
 +
                <h1>HK_GTC</h1>
 +
            </a>
 +
            <svg width="50" height="50" viewBox="0 0 21 32" fill="none" xmlns="http://www.w3.org/2000/svg"
 +
                id="nav-button">
 +
                <line x1="19.0869" y1="31.0863" x2="19.0869" y2="25.2838" stroke="#4F4F4F" stroke-width="2" />
 +
                <line x1="19.0869" y1="6.71594" x2="19.0869" y2="0.913462" stroke="#4F4F4F" stroke-width="2" />
 +
                <line x1="19.3798" y1="25.7934" x2="9.37979" y2="15.7934" stroke="#4F4F4F" stroke-width="2" />
 +
                <line y1="-1" x2="14.1422" y2="-1"
 +
                    transform="matrix(-0.707107 0.707107 0.707107 0.707107 20.0869 6.91333)" stroke="#4F4F4F"
 +
                    stroke-width="2" />
 +
                <line y1="-1" x2="5.80248" y2="-1" transform="matrix(-8.74228e-08 -1 -1 8.74228e-08 0.358398 31.0863)"
 +
                    stroke="#4F4F4F" stroke-width="2" />
 +
                <line y1="-1" x2="5.80248" y2="-1" transform="matrix(0 -1 -1 0 0.358398 6.71594)" stroke="#4F4F4F"
 +
                    stroke-width="2" />
 +
                <line y1="-1" x2="14.1422" y2="-1"
 +
                    transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 0.0869141 25.0863)" stroke="#4F4F4F"
 +
                    stroke-width="2" />
 +
                <line x1="0.794021" y1="6.20622" x2="10.794" y2="16.2062" stroke="#4F4F4F" stroke-width="2" />
 +
                <line x1="6.16089" y1="28.2653" x2="14.2844" y2="28.2653" stroke="#4F4F4F" />
 +
                <line x1="7.32153" y1="24.7838" x2="13.124" y2="24.7838" stroke="#4F4F4F" />
 +
                <line y1="-0.5" x2="8.12347" y2="-0.5" transform="matrix(1 0 0 -1 6.16089 3.23438)" stroke="#4F4F4F" />
 +
                <line y1="-0.5" x2="5.80248" y2="-0.5" transform="matrix(1 0 0 -1 7.32153 6.71594)" stroke="#4F4F4F" />
 +
            </svg>
 +
        </div>
 +
        <div id="popup">
 +
            <div id="back-button">
 +
                <i class="large material-icons">arrow_back</i>
 +
            </div>
 +
            <div id="main" class="show">
 +
                <ul>
 +
                    <li id="current-page">
 +
                        <a href="index.html">Home</a>
 +
                    </li>
 +
                    <li>Team</li>
 +
                    <li>Project</li>
 +
                    <li>Parts</li>
 +
                    <li>Safety</li>
 +
                    <li>Human Practice</li>
 +
                    <li>Deep Learning</li>
 +
                    <li>Awards</li>
 +
                </ul>
 +
            </div>
 +
            <div id="team" class="inactive fade-out">
 +
                <h1>Team</h1>
 +
                <ul>
 +
                    <li><a href="../html/attributions.html">Team Members</a></li>
 +
                    <li><a href="../html/attributions.html">Attributions</a></li>
 +
                </ul>
 +
            </div>
 +
            <div id="project" class="inactive fade-out">
 +
                <h1>Project</h1>
 +
                <ul>
 +
                    <li><a href="../html/content-page-layout2.html">Description</a></li>
 +
                    <li><a href="../html/content-page-layout2.html">Design</a></li>
 +
                    <li><a href="../html/content-page-layout2.html">Notebook</a></li>
 +
                    <li><a href="../html/content-page-layout1.html">Experiments and Results</a></li>
 +
                    <li><a href="../html/content-page-layout1.html">Future Perspective</a></li>
 +
                </ul>
 +
            </div>
 +
            <div id="human-practice" class="inactive fade-out">
 +
                <h1>Human Practice</h1>
 +
                <ul>
 +
                    <li><a href="hp.html">Integrated Human Practice</a></li>
 +
                    <li>Collaborations</li>
 +
                    <li>Education & Engagement</li>
 +
                </ul>
 +
            </div>
 +
    </nav>
 
</header>
 
</header>
 
<style>
 
<style>

Revision as of 08:13, 18 September 2021