MotionBook/header.php at master · Telmalk/MotionBook · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<header id="header">
    <div class="grid-100 tablet-grid-100">
        <span class="logo"><span class="vert">Motion</span>Book</span>
        <nav class="topnav">
            <a href="#">Motions</a>
            <a href="#">Designers</a>
            <a href="#">Teams</a>
            <a href="#">Jobs</a>
            <a href="#">About</a>
        </nav>

        <div class="search grid-30 tablet-grid-20">
            <label for="search">
                <i class="icon-search"></i>
                <input type="text" placeholder="Search..." name="search">
            </label>

        </div>

        <?php if (isset($_SESSION['user'])): ?>
            <div class="right grid-15 tablet-grid-20">
                <a href="add.php" class="circle-button"><span class="icon-plus"></span></a>
                <a href="profile.php?id=<?= $_SESSION['user']['id']; ?>" class="user"><img src="<?= $_SESSION['user']['avatar']; ?>" alt=""></a>
            </div>
        <?php else: ?>
            <div class="right grid-15 tablet-grid-20">
                <a href="signIn.php">Sign In</a>
                <a href="inscription.php">Sign Up</a>
            </div>
        <?php endif; ?>

    </div>

</header>
<div class="submenu">
    <div class="grid-100 tablet-grid-100 grid-parent">
        <div class="grid-10 tablet-grid-10 grid-parent">
            <a href="index.php" class="active"><span class="icon-layout"></span><span>All</span></a>
        </div>
        <div class="grid-10 tablet-grid-10 grid-parent">
            <a href="#"><span class="icon-heart"></span><span>Popular</span></a>
        </div>
        <div class="grid-10 tablet-grid-10 grid-parent">
            <a href="#"><span class="icon-clock"></span><span>Newest</span></a>
        </div>
        <?php if (isset($_SESSION['user'])): ?>
            <div class="grid-10 tablet-grid-10 grid-parent">
                <a href="#"><span class="icon-users"></span><span>Teams</span></a>
            </div>
            <div class="grid-10 tablet-grid-10 grid-parent">
                <a href="#"><span class="icon-notebook"></span><span>Following</span></a>
            </div>
            <div class="grid-10 tablet-grid-10 grid-parent">
                <a href="#"><span class="icon-star"></span><span>Favorites</span></a>
            </div>
            <div class="grid-10 tablet-grid-10 grid-parent">
                <a href="#"><span class="icon-mail"></span><span>Messages</span></a>
            </div>
            <div class="grid-10 tablet-grid-10 grid-parent">
                <a href="mymotions.php"><span class="icon-cabinet"></span><span>My motions</span></a>
            </div>
            <div class="grid-10 tablet-grid-10 grid-parent">
                <a href="change.php"><span class="icon-cog"></span><span>Settings</span></a>
            </div>
            <div class="grid-10 tablet-grid-10 grid-parent">
                <a href="logout.php"><span class="icon-close"></span><span>Sign out</span></a>
            </div>
        <?php endif; ?>
    </div>
</div>