yearbook/index.php at master · InstituteWebOps/yearbook · 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
71
72
73
74
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Yearbook Portal</title>
    <link rel="stylesheet" href="static/sandstone.min.css">
    <link rel="stylesheet" href="static/style.css">
</head>
<body style="background: url('img/Portal0.jpg')" onload="animat()">
    <?php include('include/_navbar.php'); ?>

    <div class="col-md-8 col-md-push-2">
        <div class="jumbotron">
            <h1 id="1">Hi</h1>
            <h2 id="2">Welcome to Yearbook 2018 Portal!</h2>
            <div class="row himg" id="3">
                <img src="img/2016reduced.jpg" class="col-md-6 text-left" />
                <img src="img/2017reduced.jpeg" class="col-md-6 text-right" />
            </div>
            <span id="4">
                <br>
                <h4 class="text-center text-muted">Previous Versions of Yearbook</h4>
            </span>
            <hr id="5">
            <h5 id="6" style="text-align: justify; font-size: 117%">
                Yearbook tries to captures the nostalgic memories of the graduating batch in the form of photos and content related to insti
                life. Few years from now when you walk down the memory lane, this yearbook will prove to be the light that
                will lit up the faded memories. It gives you an opportunity to relive the golden days of your life in a creative
                way, a beautiful chapter that always made the preface of your biography. <br>The International and Alumni Relations
                (IAR) Student Council works every year to publish two separate yearbooks, one for each of the graduating
                batches of the Undergraduate and Post Graduate students. The yearbook contains message from the Director,
                the Dean IAR and the Dean of Students (DoST) for the graduating batch. It also contains individual images, quotes and department group photos of the graduating batch. Each year, the International and Alumni
                Relations (IAR) Student Council strives to make the yearbook as wholesome and complete to touch upon the
                different prospects of insti life in a humorous way.
            </h5>
            <hr id="7">
            <p class="text-center" id="8">
                <?php if(!isset($_SESSION['rollno'])) echo '<a href="login.php" class="btn btn-primary">Log in</a><br><br>'; ?>
                <a class="btn btn-primary" <?php echo (!isset($_SESSION[ 'rollno'])? 'disabled': 'href="details.php"') ?>>Click here to fill in<br> details for the Yearbook</a>
            </p>
        </div>
    </div>
    <?php include('include/_modal.php'); ?>

</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="static/script.js"></script>
<script>
    $(document).ready(function () {
        $('.jumbotron>*').hide().delay(600);
        $('.jumbotron>#1').fadeIn(1500, 'swing', function () {
            $('.jumbotron>#2').fadeIn(1500, 'swing', function () {
                $('.jumbotron>#3').fadeIn(1500, 'swing', function () {
                    $('.jumbotron>#4').fadeIn(30, 'swing', function () {
                        $('.jumbotron>#5').fadeIn(10, 'swing', function () {
                            $('.jumbotron>#6').fadeIn(1500, 'swing', function () {
                                $('.jumbotron>#7').fadeIn(10, 'swing', function () {
                                    $('.jumbotron>#8').fadeIn(150, 'swing', function () {

                                    });
                                });
                            });
                        });
                    });
                });
            });
        });

    });
</script>
</html>