SHASHANK-VACANZA/index.html at master · CSI-Trainees/SHASHANK-VACANZA · 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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width= device-width, initial-scale= 1">
        <title>Vacanza'18</title>
        <link rel="shortcut icon" href="images/logo.png" >
        <link rel="stylesheet" href="stylish.css">

    </head>
    <body>
      <div class="Home" id="home">

        <header>
            <div class="floating"   style="font-size:40px;font-family: cursive;position:fixed;top:1%;">
            <a href="https://csiakgec.in/index" target="_blank" > CSI</a>

              </div>
            <div class="m">
                <img src="images/logo.png" >
            </div>
            <div class="main">
               <img class="floating" src="images/vac.svg" style="height:50%;width:50%">
            </div>
           <button class="b "><span>REGISTER</span></button>
           <button class="c"><span>START QUIZ</span></button>
        </header>
        <nav id="sideNav">
            <ul>
                <li>
                    <a href="#home">HOME</a>
                    <a href="#round">ROUNDS</a>
                    <a href="#">QUIZZES</a>
                </li>
            </ul>
        </nav>
    </div>
     <div class="Round" id="round">
         <div class="Round1">
            <img src="images/vintage.jpg"class="r1i" >

             <h1 style="margin:2rem 1rem 2rem 2rem;color:rgba(29, 28, 28, 0.856);">ROUND 1</h1>
             <p style="margin:2rem 1rem 1rem 2rem;font-size:18px;color:rgba(29, 28, 28, 0.76);">Round 1 comprises of 4 domains from which participants have to select at least 2 domains and can</p>
             <p style="margin:1rem 1rem 2rem 2rem;font-size:18px;color:rgba(29, 28, 28, 0.76);">choose maximum of 4 domains for more points. The more domain you opt for , the more you score.</p>
             <h2 style="margin:2rem 1rem 2rem 2rem;font-size:20px;color:rgba(29, 28, 28, 0.76);">The four domains are:</h2>
             <pr style="margin:2rem 1rem 4rem 2rem;font-size:19px;color:rgba(29, 28, 28, 0.76);">Vintage Photography   |   Leaf Collage   |   Origami Art   |   Face Mask Art</pr>
             <br>
             <button class="r1">RULES</button>
        </div>
        <div class="Round2">
            <img src="images/quiz.jpg" class="r2i">
             <h1 style="margin:2rem 1rem 2rem 2rem;color:rgba(29, 28, 28, 0.856);">ROUND 2</h1>
             <p style="margin:2rem 1rem 1rem 2rem;font-size:18px;color:rgba(29, 28, 28, 0.76);">Test your knowledge just by answering some basic questions and gain points easily.Round 2</p>
             <p style="margin:1rem 1rem 2rem 2rem;font-size:18px;color:rgba(29, 28, 28, 0.76);">contains quiz questions based on popular TV series and sports.</p>
             <h2 style="margin:2rem 1rem 2rem 2rem;font-size:20px;color:rgba(29, 28, 28, 0.76);">The field are as follows:</h2>
             <pr style="margin:2rem 1rem 4rem 0rem;font-size:19px;color:rgba(29, 28, 28, 0.76);">Football   |   Stranger Things   |   Cricket   |   F.r.i.e.n.d.s</pr>
             <br>
             <button class="r1" style="margin:3rem 2rem 2rem 0rem">RULES</button>
        </div>
        <div class="Round3">
            <img src="images/magic.jpg" class="r3i">

             <h1 style="margin:4rem 2rem 2rem 2rem;color:rgba(29, 28, 28, 0.856);">ROUND 3</h1>
             <p style="margin:4rem 2rem 1rem 2rem;font-size:18px;color:rgba(29, 28, 28, 0.76);">The final round consists of making an interesting and astonishing magic trick video which might force</p>
             <p style="margin:1rem 2rem 1rem 2rem;font-size:18px;color:rgba(29, 28, 28, 0.76);">people to say “How did you do that!”. The best and the most surprising video will be selected as the winner.</p>

             <br>
             <button class="r1">RULES</button>
        </div>
     </div>
     <img src="images/mB.png" id="menuBtn">
    <script>
        var menuBtn = document.getElementById("menuBtn");
        var topNav = document.getElementById("sideNav");
        sideNav.style.top="-170px";
        menuBtn.onclick=function(){
            if(sideNav.style.top=="-170px"){
                sideNav.style.top="10px";
            } else {
                sideNav.style.top="-170px";
            }
        }
    </script>
     <footer>
         <div class="f">

         </div>
        <div class="fi">

                <a href="https://www.youtube.com/channel/UCrxGbgXygspoAIk5zhOClVQ" target="_blank" class="s"><img src="images/youtube1.png" class="si"></a>
                <a href="https://www.instagram.com/csi_akgec/" target="_blank"class="s"><img src="images/ig.png" class="si"></a>
                <a href="https://www.facebook.com/csi.akg/" target="_blank" class="s"><img src="images/fb.png" class="si"></a>

        </div>

    </footer>
    <div style="background-color:#024e45">
        <p style="font-size:15px;color:white;text-align:center;padding:0.9rem 0rem;">&copy; CSI:AKGEC 2018</h2>
        </p></div>

    </body>
</html>