Key-a-Byte-Website/graphicsdesign.html at master · Key-a-Byte/Key-a-Byte-Website · 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
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<html class="text-center">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>Graphics Designing | Key-a-Byte Publications</title>
    <meta name="theme-color" content="#41228e">
    <meta name="description" content="The Best Opportunity Ever?">
    <link rel="icon" type="image/png" sizes="600x600" href="assets/img/logo_fav.png">
    <link rel="icon" type="image/png" sizes="600x600" href="assets/img/logo_fav.png">
    <link rel="icon" type="image/png" sizes="600x600" href="assets/img/logo_fav.png">
    <link rel="icon" type="image/png" sizes="600x600" href="assets/img/logo_fav.png">
    <link rel="icon" type="image/png" sizes="600x600" href="assets/img/logo_fav.png">
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="manifest" href="manifest.json">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=DM+Sans">
    <link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
    <link rel="stylesheet" href="assets/fonts/simple-line-icons.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.1.1/aos.css">
</head>

<body class="text-center" id="page-top" style="font-size: 18px;">
    <nav class="navbar navbar-light navbar-expand" id="sidebar-wrapper">
        <div class="container"><button data-toggle="collapse" class="navbar-toggler d-none" data-target="#"></button>
            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav sidebar-nav" id="sidebar-nav">
                    <li class="nav-item sidebar-brand" role="presentation"><a class="nav-link active js-scroll-trigger" href="#page-top">Key-a-Byte Publications</a></li>
                    <li class="nav-item sidebar-nav-item" role="presentation"><a class="nav-link js-scroll-trigger" href="#page-top">Home</a></li>
                    <li class="nav-item sidebar-nav-item" role="presentation"><a class="nav-link js-scroll-trigger" href="#about">About</a></li>
                    <li class="nav-item sidebar-nav-item" role="presentation"><a class="nav-link js-scroll-trigger" href="#services">Services</a></li>
                    <li class="nav-item sidebar-nav-item" role="presentation"><a class="nav-link js-scroll-trigger" href="#portfolio">Portfolio</a></li>
                    <li class="nav-item sidebar-nav-item" role="presentation"><a class="nav-link js-scroll-trigger" href="#contact">Contact</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <header class="text-center border rounded d-flex masthead" style="background-image:url('assets/img/bg-masthead.jpg');">
        <div class="container-fluid my-auto text-center">
            <h3 class="text-secondary tada animated mb-1" style="font-family: 'DM Sans', sans-serif;">Registrations for Graphics Designing</h3>
            <p class="text-center text-light" data-aos="fade" data-aos-duration="550" style="margin-top: 40px;"><strong>And Here's Your Golden Opportunity to be part of the BEST Hackathon Ever!🌟</strong><br></p>
            <a
                class="btn btn-secondary btn-block text-center bg-danger border rounded border-danger align-items-center align-self-center" role="button" data-aos="fade-down" data-aos-duration="600" href="graphicsdesign_regis.html">Registrations are closed, See you next time!</a>
                <div class="overlay"></div>
        </div>
    </header>
    <section class="border rounded-0 content-section bg-light" id="about" style="background-color: #41228e;"><img class="img-fluid" data-bs-parallax-bg="true" src="assets/img/graphics_design.png" style="background-image: url(assets/img/writing.png);background-position: center;background-size: cover;">
        <div class="container text-center">
            <div class="row">
                <div class="col-lg-10 mx-auto">
                    <h2><br></h2>
                    <blockquote class="blockquote">
                        <p data-bs-hover-animate="bounce" class="mb-0" style="color: #41228e;"><strong>"You are the artist to the world, reimagining the world through your eyes is your art!"</strong><br></p>
                        <footer class="blockquote-footer" data-bs-hover-animate="swing">Henri Matisse
                        </footer>
                    </blockquote>
                    <p class="lead mb-5" style="color: #41228e;"><span data-aos="fade-up" data-aos-duration="700"><br>If you have courage and believe you are a spark that can ignite the thoughts or have the key that can open the locks...<br><br></span></p><strong data-aos="zoom-in" data-aos-delay="50"
                        style="font-family: 'DM Sans', sans-serif;"><br>Do you know how to play around with graphics? Always dreamt of designing content? Have you participated in hack-a-thons and always wondered what happens behind the stage? Then this opportunity is for you...<br>
                        Key-a-byte invites Graphic Designers to work with the Tribe in putting up the BEST onsite hackathon ever!<br><br></strong></div>
            </div>
        </div>
        <div class="alert alert-success" role="alert"><span class="text-justify"><br>Ultimately as a graphic designer, you will work in designing the BEST content ever to appeal to our audience, attract Tribe, and join us in making this the BEST Hackathon ever!<br><br></span></div>
    </section>
    <section id="services" class="content-section bg-primary text-white text-center" style="background-color: #41228e;font-family: 'DM Sans', sans-serif;background-image: url(&quot;assets/img/bg-masthead.jpg&quot;);">
        <div class="container">
            <div class="content-section-heading">
                <h2 class="mb-5" style="background-color: rgba(65,34,142,0.2);">Here is How it works!<br></h2>
            </div>
            <div class="row">
                <div class="col-md-6 col-lg-3 mb-5 mb-lg-0"><span class="mx-auto service-icon rounded-circle mb-3" data-aos="zoom-in"><i class="icon-paper-plane"></i></span>
                    <h4><strong><br>You Apply<br></strong></h4>
                    <p class="mb-0 text-faded">Just key in a few details and...Hush! That's It!<br>Quiet Easy Right?<br><br>P.S. Free Too :)<br></p>
                </div>
                <div class="col-md-6 col-lg-3 mb-5 mb-lg-0"><span class="mx-auto service-icon rounded-circle mb-3" data-aos="zoom-in"><i class="icon-magnifier"></i></span>
                    <h4><strong><br>Review<br></strong></h4>
                    <p class="mb-0 text-faded">Once You Apply, Our Team Of Enthusiasts Check Your Applications, Don't worry they aren't strict...You'll probably hop in!<br></p>
                </div>
                <div class="col-md-6 col-lg-3 mb-5 mb-lg-0"><span class="mx-auto service-icon rounded-circle mb-3" data-aos="zoom-in"><i class="icon-envelope-letter"></i></span>
                    <h4><strong><br>Your Joining Letter<br></strong></h4>
                    <p class="mb-0 text-faded"><span><br>Getting Your Appointment Letter at such an early age is a great mark that you're about to turn up fabulously ahead.<br>For the Internship being just about 3 weeks you get a letter as well to upload...Sweet!<br><br></span></p>
                </div>
                <div class="col-md-6 col-lg-3 mb-5 mb-lg-0"><span class="mx-auto service-icon rounded-circle mb-3" data-aos="zoom-in"><i class="icon-mustache"></i></span>
                    <h4><strong><br>The Perks!<br></strong></h4>
                    <p class="text-break mb-0 text-faded">||Certificate of Internship || Letter of Experience || Offer Letter || A LinkedIn skill Endorsement with Cover! || Opportunity for direct entry to the BEST Hackathon of India || Many Schwags || Chance to be the part of the official
                        Slack Group! ||<br><br></p>
                </div>
            </div>
        </div>
    </section>
    <section class="content-section bg-primary text-white" style="background-color: #41228e;">
        <div class="container text-center">
            <h2 data-aos="flip-up" class="mb-4" style="font-family: 'DM Sans', sans-serif;">Still Thinkin'?</h2>
        </div>
        <blockquote class="blockquote">
            <p class="text-center text-secondary mb-0" data-aos="flip-down">Don't Wait For Opportunity, Create It!</p>
            <footer class="blockquote-footer"></footer>
        </blockquote><a class="btn btn-light text-monospace text-center btn-xl mr-4" role="button" style="background-position: center;padding: 21px;" href="graphicsdesign_regis.html">Registrations are over!</a></section>
    <footer class="footer text-center">
        <div class="container">
            <p class="text-muted mb-0 small">Copyright &nbsp;© Key-a-Byte Publications 2020</p>
        </div><em><br>Built with❤ from key-a-byte<br></em><a class="js-scroll-trigger scroll-to-top rounded" href="#page-top"><i class="fa fa-angle-up"></i></a></footer>
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
    <script src="assets/js/bs-init.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.1.1/aos.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
    <script src="assets/js/stylish-portfolio.js"></script>
</body>

</html>