This repository has been archived by the owner on Jun 19, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 21
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
aef0bd6
commit 2cba8af
Showing
2 changed files
with
202 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,201 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
|
|
||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | ||
| <meta name="HandheldFriendly" content="true"> | ||
| <meta name="title" content="Summer Hacks"> | ||
| <meta name="description" content="Summer Hacks by SOA Code Room"> | ||
| <meta name="author" content="SOA Code Room"> | ||
| <meta name="keywords" content="SOA Code Room"> | ||
| <meta property="og:image" content="https://raw.githubusercontent.com/SOACodeRoom/Summer-Hacks/main/img/header.png"> | ||
| <title>Summer Hacks</title> | ||
|
|
||
| <!-- Bootstrap core CSS --> | ||
| <link href="css/bootstrap.min.css" rel="stylesheet"> | ||
|
|
||
| <!-- Custom CSS --> | ||
| <link href="css/style.css" rel="stylesheet"> | ||
| <link rel="stylesheet" href="./css/nav.css"> | ||
|
|
||
| </head> | ||
|
|
||
| <body id="page-top"> | ||
|
|
||
| <div id="particles-js"></div> | ||
|
|
||
|
|
||
| <section class="text-center"> | ||
|
|
||
| <section> | ||
|
|
||
| <h1 class="sub-heading diagonal-text orange title-text" style="padding: 1em 0 1em 0;">Events</h1> | ||
|
|
||
| </section> | ||
|
|
||
| <section> | ||
|
|
||
| <h1 class="sub-heading diagonal-text orange" style="padding: 1em 0 1em 0;">Workshops</h1> | ||
|
|
||
| </section> | ||
|
|
||
| <section class="diagonal-section white-bg" style="opacity: 0.95!important;"> | ||
|
|
||
| <div class="mx-auto diagonal-section-content"> | ||
| <div class="container"> | ||
| <div class="border-box"> | ||
| <div class="row no-gutters mb-5 mb-lg-0 workshop-item"> | ||
| <div class="workshop-item-textbox text-center"> | ||
| <div class="bg-black text-center h-100"> | ||
| <div class="d-flex h-100 text-center"> | ||
| <div class="project-text w-100 my-auto text-center"> | ||
| <h4 class="sub-heading inline orange">WHAT IS HACKATHON?</h4> | ||
| <p class="mb-0 white nexa">When someone hears the word hackathon he/she gets confused because the word “hack” has always been used in negative meaning. We bring you a workshop on hackathons where we’ll tell you on how to get started, what you need to do, and many such related infos. | ||
| </p> | ||
| <p class="mb-0 orange nexa"> | ||
| 📅 May 7, 2021 | ||
| <br> | ||
| ⏰ 08:30 PM IST | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="border-box"> | ||
| <div class="row justify-content-center no-gutters mb-5 mb-lg-0 workshop-item"> | ||
|
|
||
| <div class=" workshop-item-textbox"> | ||
| <div class="bg-black text-center h-100 "> | ||
| <div class="d-flex h-100"> | ||
| <div class="project-text w-100 my-auto text-center"> | ||
| <h4 class="sub-heading inline orange nexa">DEPLOY YOUR WEBSITE TO INTERNET</h4> | ||
| <p class="mb-0 white nexa">Our aim in this hackathon is to build a portfolio website based on the given themes. But after building, it is essential to properly deploy your website. In this workshop we’ll demonstrate how to successfully and functionally deploy your website. | ||
| </p> | ||
| <p class="mb-0 orange nexa"> | ||
| 📅 May 8, 2021 | ||
| <br> | ||
| ⏰ 06:30 PM IST | ||
| </p> | ||
|
|
||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="border-box"> | ||
| <div class="row justify-content-center no-gutters mb-5 mb-lg-0 workshop-item"> | ||
| <div class=" workshop-item-textbox"> | ||
| <div class="bg-black text-center h-100"> | ||
| <div class="d-flex h-100"> | ||
| <div class="project-text w-100 my-auto text-center"> | ||
| <h4 class="sub-heading inline orange">TWITTER BOT</h4> | ||
| <p class="mb-0 white nexa">There are too many new tweets whenever one opens twitter. And sometimes we wish to check some important tweets only instead of searching for them like “a needle in a haystack”. So in this workshop we’ll demonstrate how to make a twitter bot. This bot can be useful during covid as people can use it to increase the reach of tweets such as #covidresources etc important tweets | ||
| </p> | ||
| <p class="mb-0 orange nexa"> | ||
| 📅 May 8, 2021 | ||
| <br> | ||
| ⏰ 11:00 AM IST | ||
| </p> | ||
| <hr class="d-none d-lg-block mb-0 mr-0"> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
| </div> | ||
|
|
||
| </section> | ||
|
|
||
| <section> | ||
|
|
||
| <h1 class="sub-heading diagonal-text orange" style="padding: 6em 0 6em 0;">Mini Events</h1> | ||
|
|
||
| </section> | ||
| <section class="diagonal-section white-bg" style="opacity: 0.95!important;"> | ||
|
|
||
| <div class="mx-auto diagonal-section-content"> | ||
| <div class="container"> | ||
| <div class="border-box"> | ||
| <div class="row justify-content-center no-gutters mb-5 mb-lg-0 workshop-item"> | ||
|
|
||
| <div class=" workshop-item-textbox"> | ||
| <div class="bg-black text-center h-100"> | ||
| <div class="d-flex h-100"> | ||
| <div class="project-text w-100 my-auto text-center "> | ||
| <h4 class="sub-heading inline orange">Scribble</h4> | ||
| <p class="mb-0 white nexa">So much work can make anyone tired. So let’s have a break from all the project building stuff and have a fun and refreshing game session in scribble. | ||
| </p> | ||
| <p class="mb-0 orange nexa"> | ||
| 📅 May 8, 2021 | ||
| <br> | ||
| ⏰ 04:00 PM IST | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="border-box"> | ||
| <div class="row justify-content-center no-gutters mb-5 mb-lg-0 workshop-item"> | ||
| <div class=" workshop-item-textbox"> | ||
| <div class="bg-black text-center h-100 "> | ||
| <div class="d-flex h-100"> | ||
| <div class="project-text w-100 my-auto text-center"> | ||
| <h4 class="sub-heading inline orange nexa">Web Development Quiz</h4> | ||
| <p class="mb-0 white nexa">Everyone has been busy building their portfolio website. So let’s see how much everyone has learnt. Let’s see who wins the race to the top in this quiz session. | ||
| </p> | ||
| <p class="mb-0 orange nexa"> | ||
| 📅 May 9, 2021 | ||
| <br> | ||
| ⏰ 10:00 AM IST | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| </section> | ||
|
|
||
|
|
||
| <section class="footer-section "> | ||
|
|
||
| <div style="padding-top: 0"> | ||
| <div class="small text-center white"> | ||
| <div class="social d-flex justify-content-center"></div> | ||
| <div class="white mb-4 sub-heading-small" style="padding-bottom: 2rem; padding-top: 100px; margin-bottom: 0;"> | ||
| Copyright © SOA Code Room 2021 | ||
| <div id="button-box" style=" padding-top: 1rem; margin-bottom: 0;"> | ||
| <a href="https://summerhacks.netlify.app/" class="btn btn-primary-small js-scroll-trigger" style="z-index: 1; position: relative;">Home! 🏠</a> | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
| </div> | ||
|
|
||
| </section> | ||
| </section> | ||
|
|
||
| <!-- Custom javascript --> | ||
| <script src="js/script.js"></script> | ||
| <script src="./js/particles.js"></script> | ||
| <script src="./js/app.js"></script> | ||
| <script src="./js/nav.js"></script> | ||
|
|
||
| </body> | ||
|
|
||
| </html> |