+
+
+
\ No newline at end of file
diff --git a/New folder (2)/zero one code club.jpeg b/New folder (2)/zero one code club.jpeg
new file mode 100644
index 00000000..0622e42d
Binary files /dev/null and b/New folder (2)/zero one code club.jpeg differ
diff --git a/New folder (3)/ZOCC_logo.png b/New folder (3)/ZOCC_logo.png
new file mode 100644
index 00000000..baed8509
Binary files /dev/null and b/New folder (3)/ZOCC_logo.png differ
diff --git a/New folder (3)/index.css b/New folder (3)/index.css
new file mode 100644
index 00000000..88ca85ab
--- /dev/null
+++ b/New folder (3)/index.css
@@ -0,0 +1,48 @@
+*{
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+.container{
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+justify-content: center;
+}
+
+
+.card{
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+
+.card-one{
+ width: 100%;
+}
+.card-one img{
+ width: 100%;
+}
+
+.card-two{
+ width: 100%;
+ padding: 1rem;
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+
+.card-two h1{
+ font-size: 1.5rem;
+}
+.card-two h2{
+ font-size: 1.2rem;
+ margin-bottom: 1rem;
+ color: grey;
+}
+
+.card-two a{
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/New folder (3)/index.html b/New folder (3)/index.html
new file mode 100644
index 00000000..8004b327
--- /dev/null
+++ b/New folder (3)/index.html
@@ -0,0 +1,28 @@
+
+
+
+
+
+
CodeJam - ZeroOne
+
+
+
+
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
Join
+
+
+
+
+
+
\ No newline at end of file
diff --git a/New folder/ZOCC_logo.png b/New folder/ZOCC_logo.png
new file mode 100644
index 00000000..baed8509
Binary files /dev/null and b/New folder/ZOCC_logo.png differ
diff --git a/New folder/index.css b/New folder/index.css
new file mode 100644
index 00000000..8f3d6387
--- /dev/null
+++ b/New folder/index.css
@@ -0,0 +1,47 @@
+* {
+padding: 0;
+margin: 0;
+box-sizing: border-box;
+}
+
+.container{
+height: 100vh;
+width: 100%;
+display:flex ;
+align-items: center;
+justify-content: center;
+}
+
+.card{
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+
+.card-one{
+ width: 100%;
+}
+
+.card-one img{
+ width: 100%;
+}
+.card-two {
+ width: 100%;
+ padding: 1rem;
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+.card-two h1 {
+ font-size: 1.5rem;
+}
+
+.card-two h2 {
+ font-size: 1.2rem;
+ margin-bottom: 1rem;
+}
+
+.card-two a{
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/New folder/index.html b/New folder/index.html
new file mode 100644
index 00000000..d691c112
--- /dev/null
+++ b/New folder/index.html
@@ -0,0 +1,28 @@
+
+
+
+
+
+
CodeJam _ ZeroOne
+
+
+
+
+
+
+
+
+
+
+
+
ZeroOne code club
+
Student activity center
+
Join
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/SIL ZEROONE/index.css b/SIL ZEROONE/index.css
new file mode 100644
index 00000000..bedffb0d
--- /dev/null
+++ b/SIL ZEROONE/index.css
@@ -0,0 +1,43 @@
+*{
+ padding:0;
+ margin:0;
+ box-sizing:border-box;
+
+}
+.container{
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.hello{
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+.hello1{
+ width: 100%;
+}
+.hello1 img{
+ width:100%;
+}
+.hello2{
+ width: 100%;
+ padding: 1rem;
+ box-shadow: rgba(0,0,0,0.35) 0px 5px 15px;
+}
+.hello1 h1{
+ font-size: 1.5rem;
+}
+.hello2 h2{
+ font-size: 1.2rem;
+ margin-bottom: 1rem;
+ color: grey;
+}
+.hello2 a{
+ text-decoration: name;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/SIL ZEROONE/index.html b/SIL ZEROONE/index.html
new file mode 100644
index 00000000..7410ff43
--- /dev/null
+++ b/SIL ZEROONE/index.html
@@ -0,0 +1,27 @@
+
+
+
+
+
+
<Project-CodeJam></Project-CodeJam>
+
+
+
+
+
+
+
+
+
+
+
+
Zero_One Code club
+
Student Activiy Centre
+
+
Join
+
+
+
+
+
+
\ No newline at end of file
diff --git a/SIL ZEROONE/zero_one.jpeg b/SIL ZEROONE/zero_one.jpeg
new file mode 100644
index 00000000..322ea8a1
Binary files /dev/null and b/SIL ZEROONE/zero_one.jpeg differ
diff --git a/SIL/ZEROONE.jpg b/SIL/ZEROONE.jpg
new file mode 100644
index 00000000..6c8d4ca0
Binary files /dev/null and b/SIL/ZEROONE.jpg differ
diff --git a/SIL/index.css b/SIL/index.css
new file mode 100644
index 00000000..01783826
--- /dev/null
+++ b/SIL/index.css
@@ -0,0 +1,44 @@
+*{
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+.container {
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.card{
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+.card-one{
+ width: 100%;
+
+}
+.card-one img{
+ width: 100%;
+}
+.card-two {
+ width: 100%;
+ padding: 1rem;
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+
+}
+.card-two h1{
+ font-size: 1.5rem;
+}
+.card-two h2{
+ font-size: 1.2rem;
+ margin-bottom: 1rem;
+ color: gray;
+}
+.card-two a{
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/SIL/index.html b/SIL/index.html
new file mode 100644
index 00000000..ff5b2c8f
--- /dev/null
+++ b/SIL/index.html
@@ -0,0 +1,29 @@
+
+
+
+
+
+
CodeJam-ZeroOne
+
+
+
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
join
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/VSCODE/ZOCC_logo.png.jpg b/VSCODE/ZOCC_logo.png.jpg
new file mode 100644
index 00000000..1d3d9028
Binary files /dev/null and b/VSCODE/ZOCC_logo.png.jpg differ
diff --git a/VSCODE/index.css b/VSCODE/index.css
new file mode 100644
index 00000000..ccef5a4d
--- /dev/null
+++ b/VSCODE/index.css
@@ -0,0 +1,44 @@
+* {
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+
+}
+.container {
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.card {
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+.card-one {
+ width: 100%;
+}
+.card-one img{
+ width: 100%;
+}
+.card-two {
+ width: 100%;
+ padding: 1rem;
+ border: 2px solid black;
+ box-shadow: rgba(0,0,0,0.35) 0px 5px 15px;
+}
+.card-two h1 {
+ font-size: 1.5rem;
+}
+.card-two h2 {
+ font-size: 1.2rem;
+ margin-bottom: 1rem;
+ color: gray;
+}
+.card-two a {
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/VSCODE/index.html b/VSCODE/index.html
new file mode 100644
index 00000000..c1670116
--- /dev/null
+++ b/VSCODE/index.html
@@ -0,0 +1,28 @@
+
+
+
+
+
+
CodeJam - ZeroOne
+
+
+
+
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
Join
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Vignesh TAMIL MOVIES WEB/assets/css/style.css b/Vignesh TAMIL MOVIES WEB/assets/css/style.css
new file mode 100644
index 00000000..d95a5bd5
--- /dev/null
+++ b/Vignesh TAMIL MOVIES WEB/assets/css/style.css
@@ -0,0 +1,1598 @@
+/*-----------------------------------*\
+ * #style.css
+\*-----------------------------------*/
+
+/**
+ * copyright 2022 @codewithsadee
+ */
+
+
+
+
+
+/*-----------------------------------*\
+ * #CUSTOM PROPERTY
+\*-----------------------------------*/
+
+:root {
+
+ /**
+ * colors
+ */
+
+ --rich-black-fogra-29: hsl(225, 25%, 9%);
+ --rich-black-fogra-39: hsl(170, 21%, 5%);
+ --raisin-black: hsl(228, 13%, 15%);
+ --eerie-black: hsl(207, 19%, 11%);
+ --light-gray: hsl(0, 3%, 80%);
+ --gunmetal-1: hsl(229, 15%, 21%);
+ --gunmetal-2: hsl(216, 22%, 18%);
+ --gainsboro: hsl(0, 7%, 88%);
+ --citrine: hsl(57, 97%, 45%);
+ --xiketic: hsl(253, 21%, 13%);
+ --gray-x: hsl(0, 0%, 74%);
+ --white: hsl(0, 100%, 100%);
+ --black: hsl(0, 0%, 0%);
+ --jet: hsl(0, 0%, 20%);
+
+ /**
+ * typography
+ */
+
+ --ff-poppins: 'Poppins', sans-serif;
+
+ --fs-1: 36px;
+ --fs-2: 32px;
+ --fs-3: 30px;
+ --fs-4: 24px;
+ --fs-5: 20px;
+ --fs-6: 18px;
+ --fs-7: 16px;
+ --fs-8: 15px;
+ --fs-9: 14px;
+ --fs-10: 13px;
+ --fs-11: 12px;
+ --fs-12: 11px;
+
+ --fw-500: 500;
+ --fw-700: 700;
+
+ /**
+ * transition
+ */
+
+ --transition-1: 0.15s ease;
+ --transition-2: 0.25s ease-in;
+
+ /**
+ * spacing
+ */
+
+ --section-padding: 100px;
+
+}
+
+
+
+
+
+/*-----------------------------------*\
+ * #RESET
+\*-----------------------------------*/
+
+*, *::before, *::after {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+li { list-style: none; }
+
+a { text-decoration: none; }
+
+a,
+img,
+span,
+input,
+button,
+ion-icon { display: block; }
+
+input {
+ font: inherit;
+ width: 100%;
+ border: none;
+}
+
+select,
+button {
+ font: inherit;
+ background: none;
+ border: none;
+ cursor: pointer;
+}
+
+html {
+ font-family: var(--ff-poppins);
+ scroll-behavior: smooth;
+}
+
+body { background: var(--eerie-black); }
+
+body.active { overflow: hidden; }
+
+
+
+
+
+/*-----------------------------------*\
+ * #REUSED STYLE
+\*-----------------------------------*/
+
+.container { padding-inline: 15px; }
+
+/**
+ * TITLES & SUBTITLES
+ */
+
+.h1,
+.h2,
+.h3 {
+ color: var(--white);
+ line-height: 1.2;
+}
+
+.h1 { font-size: var(--fs-1); }
+
+.h2 { font-size: var(--fs-2); }
+
+.h3 { font-size: var(--fs-6); }
+
+.section-subtitle {
+ color: var(--citrine);
+ font-size: var(--fs-11);
+ font-weight: var(--fw-500);
+ text-transform: uppercase;
+ letter-spacing: 1px;
+ margin-bottom: 10px;
+ text-align: center;
+}
+
+.section-title { text-align: center; }
+
+/**
+ * BADGE
+ */
+
+.badge {
+ color: var(--white);
+ font-size: var(--fs-12);
+ font-weight: var(--fw-700);
+ border: 2px solid transparent;
+ padding: 2px 10px;
+}
+
+.badge-fill {
+ background: var(--white);
+ color: var(--raisin-black);
+}
+
+.badge-outline { border-color: var(--white); }
+
+/**
+ * MOVIE META
+ */
+
+.meta-wrapper {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+ align-items: center;
+ gap: 15px 25px;
+ margin-bottom: 50px;
+}
+
+.badge-wrapper,
+.ganre-wrapper,
+.date-time {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ gap: 5px 10px;
+}
+
+.ganre-wrapper > a {
+ color: var(--gainsboro);
+ font-size: var(--fs-9);
+ font-weight: var(--fw-500);
+ transition: var(--transition-1);
+}
+
+.ganre-wrapper > a:is(:hover, :focus) { color: var(--citrine); }
+
+.date-time { gap: 15px; }
+
+.date-time > div {
+ display: flex;
+ align-items: center;
+ gap: 5px;
+ color: var(--gainsboro);
+ font-size: var(--fs-9);
+ font-weight: var(--fw-500);
+}
+
+.date-time ion-icon {
+ --ionicon-stroke-width: 50px;
+ color: var(--citrine);
+}
+
+/**
+ * BUTTONS
+ */
+
+.btn {
+ color: var(--white);
+ font-size: var(--fs-11);
+ font-weight: var(--fw-700);
+ text-transform: uppercase;
+ letter-spacing: 2px;
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ padding: 16px 30px;
+ border: 2px solid var(--citrine);
+ border-radius: 50px;
+ transition: var(--transition-1);
+}
+
+.btn > ion-icon { font-size: 18px; }
+
+.btn-primary { background: var(--rich-black-fogra-29); }
+
+.btn-primary:is(:hover, :focus) {
+ background: var(--citrine);
+ color: var(--xiketic);
+}
+
+/**
+ * MOVIE CARD
+ */
+
+.movies-list {
+ display: grid;
+ gap: 50px;
+}
+
+.movie-card {
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+}
+
+.movie-card .card-banner {
+ position: relative;
+ background: var(--gunmetal-1);
+ aspect-ratio: 2 / 3;
+ border-radius: 6px;
+ overflow: hidden;
+ margin-bottom: 20px;
+ transition: var(--transition-1);
+}
+
+.movie-card .card-banner::after {
+ content: "";
+ position: absolute;
+ inset: 0;
+ transition: var(--transition-1);
+}
+
+.movie-card .card-banner:hover { box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.5); }
+
+.movie-card .card-banner:hover::after { background: hsla(0, 0%, 100%, 0.05); }
+
+.movie-card .card-banner img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+
+.movie-card .title-wrapper {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ margin-bottom: 10px;
+}
+
+.movie-card .card-title {
+ color: var(--white);
+ font-size: var(--fs-7);
+ transition: var(--transition-1);
+}
+
+.movie-card .card-title:is(:hover, :focus) { color: var(--citrine); }
+
+.movie-card .title-wrapper time {
+ color: var(--citrine);
+ font-size: var(--fs-9);
+ font-weight: var(--fw-500);
+}
+
+.movie-card .card-meta {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ gap: 15px;
+}
+
+.movie-card .badge { color: var(--citrine); }
+
+.movie-card .duration { margin-left: auto; }
+
+.movie-card :is(.duration, .rating) {
+ display: flex;
+ align-items: center;
+ gap: 5px;
+ color: var(--gainsboro);
+ font-size: var(--fs-11);
+ font-weight: var(--fw-500);
+}
+
+.movie-card :is(.duration, .rating) ion-icon {
+ font-size: 13px;
+ --ionicon-stroke-width: 50px;
+ color: var(--citrine);
+}
+
+/**
+ * CUSTOM SLIDER & SCROLLBAR
+ */
+
+.movies-list.has-scrollbar {
+ display: flex;
+ justify-content: flex-start;
+ gap: 30px;
+ overflow-x: auto;
+ scroll-snap-type: inline mandatory;
+ padding-bottom: 25px;
+}
+
+.has-scrollbar::-webkit-scrollbar { height: 8px; }
+
+.has-scrollbar::-webkit-scrollbar-track {
+ background: transparent;
+ box-shadow: 0 0 0 2px var(--citrine);
+ border-radius: 10px;
+}
+
+.has-scrollbar::-webkit-scrollbar-thumb {
+ background: var(--gainsboro);
+ border-radius: 10px;
+ box-shadow: inset 0 1px 0 var(--black),
+ inset 0 -1px 0 var(--black);
+}
+
+
+
+
+
+/*-----------------------------------*\
+ * #HEADER
+\*-----------------------------------*/
+
+.header {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ padding-block: 25px;
+ transition: var(--transition-2);
+ z-index: 4;
+}
+
+.header.active {
+ background: var(--eerie-black);
+ padding-block: 20px;
+}
+
+.header .container {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.header-actions { display: none; }
+
+.menu-open-btn {
+ color: var(--white);
+ font-size: 40px;
+}
+
+.navbar {
+ position: fixed;
+ top: 0;
+ right: -300px;
+ background: var(--eerie-black);
+ width: 100%;
+ max-width: 300px;
+ height: 100%;
+ box-shadow: -1px 0 3px hsl(0, 0%, 0%, 0.2);
+ transition: 0.15s ease-in;
+ visibility: hidden;
+ z-index: 3;
+}
+
+.navbar.active {
+ right: 0;
+ visibility: visible;
+ transition: 0.25s ease-out;
+}
+
+.navbar-top {
+ padding: 30px 25px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.menu-close-btn {
+ color: var(--white);
+ font-size: 25px;
+ padding: 5px;
+}
+
+.menu-close-btn ion-icon { --ionicon-stroke-width: 80px; }
+
+.navbar-list {
+ border-top: 1px solid hsla(0, 0%, 100%, 0.1);
+ margin-bottom: 30px;
+}
+
+.navbar-link {
+ color: var(--white);
+ font-size: var(--fs-8);
+ font-weight: var(--fw-500);
+ padding: 10px 25px;
+ border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
+ transition: var(--transition-1);
+}
+
+.navbar-link:is(:hover, :focus) { color: var(--citrine); }
+
+.navbar-social-list {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ gap: 20px;
+}
+
+.navbar-social-link {
+ font-size: 20px;
+ color: var(--white);
+ transition: var(--transition-1);
+}
+
+.navbar-social-link:is(:hover, :focus) { color: var(--citrine); }
+
+.overlay {
+ position: fixed;
+ inset: 0;
+ background: hsla(204, 18%, 11%, 0.8);
+ opacity: 0;
+ pointer-events: none;
+ z-index: 1;
+ transition: var(--transition-2);
+}
+
+.overlay.active {
+ opacity: 1;
+ pointer-events: all;
+}
+
+
+
+
+
+/*-----------------------------------*\
+ * #HERO
+\*-----------------------------------*/
+
+.hero {
+ background: url("../images/hero-bg.jpg") no-repeat;
+ background-size: cover;
+ background-position: center;
+ min-height: 750px;
+ height: 100vh;
+ max-height: 1000px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-block: var(--section-padding);
+}
+
+.hero-content { margin-top: 60px; }
+
+.hero-subtitle {
+ color: var(--citrine);
+ font-size: var(--fs-4);
+ font-weight: var(--fw-700);
+ margin-bottom: 10px;
+}
+
+.hero-title { margin-bottom: 30px; }
+
+.hero-title > strong { color: var(--citrine); }
+
+
+
+
+
+/*-----------------------------------*\
+ * #UPCOMING
+\*-----------------------------------*/
+
+.upcoming {
+ background: url("../images/upcoming-bg.png") no-repeat;
+ background-size: cover;
+ background-position: center;
+ padding-block: var(--section-padding);
+}
+
+.upcoming .flex-wrapper { margin-bottom: 50px; }
+
+.upcoming .section-title { margin-bottom: 30px; }
+
+.filter-list {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ align-items: center;
+ gap: 10px;
+}
+
+.upcoming .filter-btn {
+ color: var(--white);
+ background: var(--raisin-black);
+ font-size: var(--fs-11);
+ font-weight: var(--fw-500);
+ border: 2px solid var(--gunmetal-1);
+ padding: 12px 26px;
+ border-radius: 50px;
+}
+
+.upcoming .filter-btn:focus { border-color: var(--citrine); }
+
+.upcoming .movies-list > li {
+ min-width: 100%;
+ scroll-snap-align: start;
+}
+
+
+
+
+
+/*-----------------------------------*\
+ * #SERVICE
+\*-----------------------------------*/
+
+.service {
+ background: url("../images/service-bg.jpg") no-repeat;
+ background-size: cover;
+ background-position: center;
+ padding-block: var(--section-padding);
+}
+
+.service-banner {
+ position: relative;
+ margin-bottom: 50px;
+ max-width: max-content;
+}
+
+.service-banner img { width: 100%; }
+
+.service-btn {
+ position: absolute;
+ bottom: 0;
+ right: 86px;
+ background: var(--citrine);
+ color: var(--rich-black-fogra-29);
+ font-size: var(--fs-11);
+ text-transform: uppercase;
+ font-weight: var(--fw-500);
+ letter-spacing: 5px;
+ display: flex;
+ align-items: center;
+ gap: 5px;
+ transform: rotate(0.25turn);
+ transform-origin: bottom right;
+ padding: 28px 35px;
+ border-radius: 6px;
+}
+
+.service-btn ion-icon {
+ font-size: 30px;
+ transform: rotate(-0.25turn);
+}
+
+.service-subtitle {
+ position: relative;
+ color: var(--gainsboro);
+ font-size: var(--fs-11);
+ font-weight: var(--fw-500);
+ text-transform: uppercase;
+ letter-spacing: 1px;
+ padding-left: 50px;
+ margin-bottom: 10px;
+}
+
+.service-subtitle::before {
+ content: "";
+ position: absolute;
+ top: 7px;
+ left: 0;
+ width: 40px;
+ height: 3px;
+ background: var(--citrine);
+}
+
+.service-title { margin-bottom: 20px; }
+
+.service-text,
+.service-card .card-text {
+ color: var(--gray-x);
+ font-size: var(--fs-9);
+ font-weight: var(--fw-500);
+ line-height: 1.8;
+}
+
+.service-text { margin-bottom: 40px; }
+
+.service-list > li:first-child {
+ padding-bottom: 20px;
+ border-bottom: 1px dashed hsla(0, 0%, 100%, 0.1);
+ margin-bottom: 30px;
+}
+
+.service-card .card-icon {
+ color: var(--white);
+ width: 85px;
+ height: 85px;
+ display: grid;
+ place-items: center;
+ font-size: 40px;
+ border-radius: 50%;
+ outline: 1px dashed var(--citrine);
+ outline-offset: 5px;
+ margin: 5px;
+ margin-bottom: 20px;
+ transition: var(--transition-2);
+}
+
+.service-card:hover .card-icon { background: var(--citrine); }
+
+.service-card .card-title { margin-bottom: 10px; }
+
+
+
+
+
+/*-----------------------------------*\
+ * #TOP RATED
+\*-----------------------------------*/
+
+.top-rated {
+ background: url("../images/top-rated-bg.jpg") no-repeat;
+ background-size: cover;
+ background-position: center;
+ padding-block: var(--section-padding);
+}
+
+.top-rated .section-title { margin-bottom: 50px; }
+
+.top-rated .filter-list {
+ gap: 15px;
+ margin-bottom: 50px;
+}
+
+.top-rated .filter-btn {
+ position: relative;
+ background: var(--rich-black-fogra-39);
+ color: var(--light-gray);
+ font-size: var(--fs-10);
+ font-weight: var(--fw-700);
+ text-transform: uppercase;
+ padding: 17px 25px;
+ border-radius: 4px;
+ box-shadow: inset 0 3px 7px hsla(0, 0%, 0%, 0.8);
+}
+
+.top-rated .filter-btn:focus {
+ color: var(--citrine);
+ text-shadow: 0 3px 25px hsla(57, 97%, 45%, 0.5);
+}
+
+.top-rated .filter-btn:focus::before,
+.top-rated .filter-btn:focus::after {
+ content: "";
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ background: var(--citrine);
+ width: 2px;
+ height: 15px;
+}
+
+.top-rated .filter-btn:focus::before { left: 0; }
+
+.top-rated .filter-btn:focus::after { right: 0; }
+
+
+
+
+
+/*-----------------------------------*\
+ * #TV SEREIS
+\*-----------------------------------*/
+
+.tv-series {
+ background: url("../images/tv-series-bg.jpg") no-repeat;
+ background-size: cover;
+ background-position: center;
+ padding-block: var(--section-padding);
+}
+
+.tv-series .section-title { margin-bottom: 50px; }
+
+
+
+
+
+/*-----------------------------------*\
+ * #CTA
+\*-----------------------------------*/
+
+.cta {
+ background: url("../images/cta-bg.jpg") no-repeat;
+ background-size: cover;
+ background-position: center;
+ text-align: center;
+ padding-block: 50px;
+}
+
+.cta .title-wrapper { margin-bottom: 25px; }
+
+.cta-title {
+ color: var(--eerie-black);
+ font-size: var(--fs-3);
+ text-transform: uppercase;
+ line-height: 1.2;
+ margin-bottom: 5px;
+}
+
+.cta-text {
+ color: var(--eerie-black);
+ font-size: var(--fs-9);
+ font-weight: var(--fw-500);
+ line-height: 1.8;
+}
+
+.cta .email-field {
+ color: var(--eerie-black);
+ font-size: var(--fs-9);
+ padding: 18px 32px;
+ border-radius: 4px;
+ box-shadow: 0 3px 4px hsla(0, 0%, 0%, 0.2);
+ margin-bottom: 15px;
+}
+
+.cta-form-btn {
+ background: var(--eerie-black);
+ color: var(--citrine);
+ font-size: var(--fs-9);
+ font-weight: var(--fw-700);
+ text-transform: uppercase;
+ letter-spacing: 1px;
+ border: 2px solid var(--eerie-black);
+ padding: 15px 34px;
+ border-radius: 4px;
+ margin-inline: auto;
+ transition: var(--transition-1);
+}
+
+.cta-form-btn:is(:hover, :focus) {
+ background: var(--citrine);
+ color: var(--eerie-black);
+}
+
+
+
+
+
+/*-----------------------------------*\
+ * #FOOTER
+\*-----------------------------------*/
+
+.footer-top {
+ background: url("../images/footer-bg.jpg") no-repeat;
+ background-size: cover;
+ background-position: center;
+ padding-block: 80px 50px;
+}
+
+.footer-brand-wrapper .logo {
+ width: max-content;
+ margin-inline: auto;
+ margin-bottom: 60px;
+}
+
+.footer-list,
+.quicklink-list,
+.social-list {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ align-items: center;
+ gap: 5px;
+}
+
+.footer-link {
+ color: var(--light-gray);
+ font-size: var(--fs-9);
+ font-weight: var(--fw-700);
+ text-transform: uppercase;
+ padding: 5px 15px;
+ transition: var(--transition-1);
+}
+
+:is(.footer-link, .quicklink-link, .social-link):is(:hover, :focus) { color: var(--citrine); }
+
+.divider {
+ height: 4px;
+ margin-block: 40px;
+ border-top: 1px solid var(--rich-black-fogra-29);
+ border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
+}
+
+.quicklink-list { margin-bottom: 20px; }
+
+.quicklink-link {
+ color: var(--gray-x);
+ font-size: var(--fs-10);
+ font-weight: var(--fw-500);
+ text-transform: uppercase;
+ padding: 2px 10px;
+ transition: var(--transition-1);
+}
+
+.social-list { column-gap: 10px; }
+
+.social-link {
+ background: var(--rich-black-fogra-29);
+ color: var(--gray-x);
+ font-size: 14px;
+ width: 35px;
+ height: 35px;
+ display: grid;
+ place-items: center;
+ border-radius: 50%;
+ box-shadow: inset 0 4px 8px hsla(0, 0%, 0%, 0.25);
+ transition: var(--transition-1);
+}
+
+.footer-bottom { padding-block: 25px; }
+
+.copyright {
+ color: var(--gray-x);
+ font-size: var(--fs-10);
+ font-weight: var(--fw-500);
+ line-height: 1.7;
+ text-align: center;
+ margin-bottom: 15px;
+}
+
+.copyright > a {
+ display: inline-block;
+ color: var(--citrine);
+}
+
+.footer-bottom-img {
+ max-width: max-content;
+ width: 100%;
+ margin-inline: auto;
+}
+
+
+
+
+
+/*-----------------------------------*\
+ * #GO TO TOP
+\*-----------------------------------*/
+
+.go-top {
+ position: fixed;
+ bottom: 20px;
+ right: 20px;
+ background: var(--citrine);
+ color: var(--eerie-black);
+ width: 50px;
+ height: 50px;
+ display: grid;
+ place-items: center;
+ border-radius: 50%;
+ box-shadow: 0 1px 3px hsla(0, 0%, 0%, 0.5);
+ opacity: 0;
+ visibility: hidden;
+ transition: var(--transition-2);
+ z-index: 2;
+}
+
+.go-top.active {
+ opacity: 1;
+ visibility: visible;
+}
+
+
+
+
+
+/*-----------------------------------*\
+ * #MOVIE DETAIL
+\*-----------------------------------*/
+
+.movie-detail {
+ background: url("../images/movie-detail-bg.png") no-repeat;
+ background-size: cover;
+ background-position: center;
+ padding-top: 160px;
+ padding-bottom: var(--section-padding);
+}
+
+.movie-detail-banner {
+ position: relative;
+ background: var(--gunmetal-1);
+ max-width: 300px;
+ margin-inline: auto;
+ border-radius: 6px;
+ overflow: hidden;
+ margin-bottom: 50px;
+}
+
+.movie-detail-banner img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+
+.play-btn {
+ position: absolute;
+ inset: 0;
+ display: grid;
+ place-items: center;
+ font-size: 120px;
+ color: var(--white);
+ transition: var(--transition-1);
+}
+
+.play-btn:hover { background: hsla(0, 0%, 0%, 0.25); }
+
+.detail-subtitle {
+ font-size: var(--fs-5);
+ color: var(--citrine);
+ font-weight: var(--fw-700);
+ margin-bottom: 10px;
+}
+
+.detail-title { margin-bottom: 20px; }
+
+.detail-title strong { color: var(--citrine); }
+
+.movie-detail .meta-wrapper { margin-bottom: 30px; }
+
+.storyline {
+ color: var(--gray-x);
+ font-size: var(--fs-9);
+ font-weight: var(--fw-500);
+ line-height: 1.8;
+ margin-bottom: 40px;
+}
+
+.details-actions {
+ display: flex;
+ justify-content: center;
+ flex-wrap: wrap;
+ gap: 20px 40px;
+ max-width: 460px;
+ background: var(--gunmetal-2);
+ padding: 25px;
+ border: 1px solid var(--jet);
+ border-radius: 4px;
+ margin-bottom: 30px;
+}
+
+.details-actions .share ion-icon {
+ font-size: 25px;
+ color: var(--white);
+ margin-inline: auto;
+}
+
+.details-actions .share span {
+ color: var(--gainsboro);
+ font-size: var(--fs-11);
+ transition: var(--transition-1);
+}
+
+.details-actions .share:is(:hover, :focus) span { color: var(--citrine); }
+
+.details-actions .title {
+ color: var(--white);
+ font-weight: var(--fw-700);
+}
+
+.details-actions .text {
+ font-size: var(--fs-11);
+ color: var(--gainsboro);
+}
+
+.details-actions .btn-primary {
+ font-size: 10px;
+ padding: 13px 26px;
+ letter-spacing: 0;
+ background: transparent;
+}
+
+.details-actions .btn-primary:is(:hover, :focus) { background: var(--citrine); }
+
+.download-btn {
+ max-width: max-content;
+ background: var(--citrine);
+ color: var(--rich-black-fogra-29);
+ font-size: var(--fs-11);
+ font-weight: var(--fw-500);
+ text-transform: uppercase;
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ padding: 20px 35px;
+ letter-spacing: 5px;
+ border-radius: 6px;
+}
+
+.download-btn ion-icon { font-size: 16px; }
+
+
+
+
+
+/*-----------------------------------*\
+ * #MEDIA QUERIES
+\*-----------------------------------*/
+
+/**
+ * responsive for large than 550px screen
+ */
+
+@media (min-width: 550px) {
+
+ /**
+ * CUSTOM PROPERTY
+ */
+
+ :root {
+
+ /**
+ * typography
+ */
+
+ --fs-1: 42px;
+
+ }
+
+
+
+ /**
+ * REUSED STYLE
+ */
+
+ .container {
+ max-width: 540px;
+ margin-inline: auto;
+ }
+
+ /* MOVIE CARD */
+
+ .movies-list {
+ grid-template-columns: 1fr 1fr;
+ gap: 60px 30px;
+ }
+
+
+
+ /**
+ * HERO
+ */
+
+ .hero { min-height: unset; }
+
+ .hero-content { margin-top: 20px; }
+
+
+
+ /**
+ * UPCOMING
+ */
+
+ .upcoming .movies-list > li { min-width: calc(50% - 15px); }
+
+
+
+ /**
+ * SERVICE
+ */
+
+ .service-list > li:first-child { padding-bottom: 30px; }
+
+ .service-card {
+ display: flex;
+ align-items: center;
+ gap: 20px;
+ }
+
+ .service-card .card-icon { margin-bottom: 0; }
+
+ .service-card .card-content { width: calc(100% - 115px); }
+
+
+
+ /**
+ * MOVIE DETAIL
+ */
+
+ .detail-subtitle { --fs-5: 22px; }
+
+ .detail-title { --fs-1: 46px; }
+
+}
+
+
+
+
+
+/**
+ * responsive for large than 768px screen
+ */
+
+@media (min-width: 768px) {
+
+ /**
+ * CUSTOM PROPERTY
+ */
+
+ :root {
+
+ /**
+ * typography
+ */
+
+ --fs-2: 36px;
+
+ }
+
+
+
+ /**
+ * REUSED STYLE
+ */
+
+ .container { max-width: 720px; }
+
+
+
+ /**
+ * HEADER
+ */
+
+ .header .container { gap: 30px; }
+
+ .header-actions {
+ display: flex;
+ margin-left: auto;
+ align-items: center;
+ gap: 35px;
+ }
+
+ .header-actions .btn-primary { display: none; }
+
+ .search-btn {
+ position: relative;
+ color: var(--white);
+ }
+
+ .search-btn ion-icon { --ionicon-stroke-width: 80px; }
+
+ .search-btn::after {
+ content: "";
+ position: absolute;
+ top: 1px;
+ right: -20px;
+ background: hsla(0, 0%, 100%, 0.1);
+ width: 2px;
+ height: 14px;
+ }
+
+ .lang-wrapper {
+ display: flex;
+ align-items: center;
+ gap: 5px;
+ }
+
+ .lang-wrapper label {
+ color: var(--citrine);
+ font-size: 20px;
+ }
+
+ .lang-wrapper select {
+ color: var(--white);
+ font-size: var(--fs-9);
+ font-weight: var(--fw-700);
+ }
+
+ .lang-wrapper option { color: var(--black); }
+
+
+
+ /**
+ * HERO
+ */
+
+ .hero-content { margin-top: 90px; }
+
+
+
+ /**
+ * SERVICE
+ */
+
+ .service-btn {
+ right: -20px;
+ padding: 40px 50px;
+ }
+
+ .service-content { padding-inline: 40px; }
+
+
+
+ /**
+ * CTA
+ */
+
+ .cta-form {
+ position: relative;
+ max-width: 530px;
+ margin-inline: auto;
+ }
+
+ .cta .email-field { margin-bottom: 0; }
+
+ .cta-form-btn {
+ position: absolute;
+ top: 2px;
+ right: 2px;
+ bottom: 2px;
+ }
+
+
+
+ /**
+ * FOOTER
+ */
+
+ .footer-brand-wrapper .logo { margin: 0; }
+
+ .footer-brand-wrapper,
+ .quicklink-wrapper,
+ .footer-bottom .container {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ }
+
+ .quicklink-list { margin-bottom: 0; }
+
+ .copyright { margin-bottom: 0; }
+
+ .footer-bottom-img { margin-inline: 0; }
+
+
+
+ /**
+ * MOVIE DETAIL
+ */
+
+ .detail-subtitle { --fs-5: 26px; }
+
+ .detail-title { --fs-1: 50px; }
+
+}
+
+
+
+
+
+/**
+ * responsive for large than 992px screen
+ */
+
+@media (min-width: 992px) {
+
+ /**
+ * REUSED STYLE
+ */
+
+ .container { max-width: 960px; }
+
+ /* MOVIE CARD */
+
+ .movies-list { grid-template-columns: repeat(3, 1fr); }
+
+
+
+ /**
+ * HEADER
+ */
+
+ .header.active { padding-block: 5px; }
+
+ .menu-open-btn,
+ .navbar-top,
+ .navbar-social-list { display: none; }
+
+ .navbar {
+ all: unset;
+ margin-left: auto;
+ }
+
+ .header-actions {
+ order: 1;
+ margin-left: 0;
+ }
+
+ .navbar-list {
+ all: unset;
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ }
+
+ .navbar-link {
+ border-bottom: none;
+ font-size: var(--fs-9);
+ font-weight: var(--fw-700);
+ text-transform: uppercase;
+ padding: 30px 15px;
+ }
+
+ .overlay { display: none; }
+
+
+
+ /**
+ * HERO
+ */
+
+ .hero { background-position: right; }
+
+ .hero .container { width: 950px; }
+
+ .hero-content {
+ margin-top: 100px;
+ max-width: 600px;
+ }
+
+
+
+ /**
+ * UPCOMING
+ */
+
+ .upcoming .flex-wrapper {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ }
+
+ .upcoming :is(.section-subtitle, .section-title) { text-align: left; }
+
+ .upcoming .section-title { margin-bottom: 0; }
+
+ .upcoming .movies-list > li { min-width: calc(33.33% - 20px); }
+
+
+
+ /**
+ * SERVICE
+ */
+
+ .service .container {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 70px;
+ }
+
+ .service-content {
+ padding-inline: 0;
+ width: calc(100% - 470px);
+ }
+
+ .service-banner { margin-bottom: 0; }
+
+ .service-btn { right: 111px; }
+
+
+
+ /**
+ * CTA
+ */
+
+ .cta { text-align: left; }
+
+ .cta .container {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ }
+
+ .cta .title-wrapper {
+ margin-bottom: 0;
+ width: 100%;
+ }
+
+ .cta-form {
+ margin-inline: 0;
+ max-width: unset;
+ width: 100%;
+ }
+
+
+
+ /**
+ * MOVIE DETAIL
+ */
+
+ .movie-detail { padding-bottom: 200px; }
+
+ .movie-detail .container {
+ position: relative;
+ display: flex;
+ align-items: center;
+ gap: 50px;
+ }
+
+ .movie-detail-banner,
+ .details-actions { margin: 0; }
+
+ .download-btn {
+ position: absolute;
+ left: 15px;
+ bottom: -80px;
+ }
+
+}
+
+
+
+
+
+/**
+ * responsive for large than 1200px screen
+ */
+
+@media (min-width: 1200px) {
+
+ /**
+ * CUSTOM PROPERTY
+ */
+
+ :root {
+
+ /**
+ * typography
+ */
+
+ --fs-1: 60px;
+ --fs-4: 26px;
+
+ }
+
+
+
+ /**
+ * REUSED STYLE
+ */
+
+ .container { max-width: 1320px; }
+
+ /* MOVIE CARD */
+
+ .movies-list { grid-template-columns: repeat(4, 1fr); }
+
+
+
+ /**
+ * HEADER
+ */
+
+ .navbar { margin-inline: auto; }
+
+ .header-actions .btn-primary {
+ display: block;
+ --fs-11: 14px;
+ padding: 10px 35px;
+ letter-spacing: 1px;
+ }
+
+
+
+ /**
+ * HERO
+ */
+
+ .hero .container { width: 1320px; }
+
+
+
+ /**
+ * UPCOMING
+ */
+
+ .upcoming .movies-list > li { min-width: calc(25% - 22.5px); }
+
+
+
+ /**
+ * SERVICE
+ */
+
+ .service-content { width: calc(100% - 700px); }
+
+ .service-btn { right: -20px; }
+
+ .service-list,
+ .service-title { max-width: 480px; }
+
+
+
+ /**
+ * CTA
+ */
+
+ .cta .container { max-width: 1150px; }
+
+
+
+ /**
+ * MOVIE DETAIL
+ */
+
+ .movie-detail { padding-bottom: var(--section-padding); }
+
+ .movie-detail-content { max-width: 620px; }
+
+ .detail-title { --fs-1: 60px; }
+
+ .download-btn {
+ left: auto;
+ right: 15px;
+ bottom: 0;
+ transform: rotate(0.25turn) translateY(100%);
+ transform-origin: bottom right;
+ padding: 40px 50px;
+ }
+
+ .download-btn ion-icon {
+ font-size: 30px;
+ transform: rotate(-0.25turn);
+ }
+
+}
\ No newline at end of file
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/cta-bg.jpg b/Vignesh TAMIL MOVIES WEB/assets/images/cta-bg.jpg
new file mode 100644
index 00000000..2ee5f09c
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/assets/images/cta-bg.jpg differ
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/footer-bg.jpg b/Vignesh TAMIL MOVIES WEB/assets/images/footer-bg.jpg
new file mode 100644
index 00000000..0fe2e6d8
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/assets/images/footer-bg.jpg differ
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/footer-bottom-img.png b/Vignesh TAMIL MOVIES WEB/assets/images/footer-bottom-img.png
new file mode 100644
index 00000000..469a4ccd
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/assets/images/footer-bottom-img.png differ
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/hero-bg.jpg b/Vignesh TAMIL MOVIES WEB/assets/images/hero-bg.jpg
new file mode 100644
index 00000000..4d57fe11
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/assets/images/hero-bg.jpg differ
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/logo.svg b/Vignesh TAMIL MOVIES WEB/assets/images/logo.svg
new file mode 100644
index 00000000..13f91390
--- /dev/null
+++ b/Vignesh TAMIL MOVIES WEB/assets/images/logo.svg
@@ -0,0 +1,5 @@
+
+
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/movie-1.png b/Vignesh TAMIL MOVIES WEB/assets/images/movie-1.png
new file mode 100644
index 00000000..ca942f8b
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/assets/images/movie-1.png differ
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/movie-2.png b/Vignesh TAMIL MOVIES WEB/assets/images/movie-2.png
new file mode 100644
index 00000000..010f6e9c
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/assets/images/movie-2.png differ
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/movie-3.png b/Vignesh TAMIL MOVIES WEB/assets/images/movie-3.png
new file mode 100644
index 00000000..3dbdb0c4
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/assets/images/movie-3.png differ
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/movie-4.png b/Vignesh TAMIL MOVIES WEB/assets/images/movie-4.png
new file mode 100644
index 00000000..81479da5
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/assets/images/movie-4.png differ
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/movie-5.png b/Vignesh TAMIL MOVIES WEB/assets/images/movie-5.png
new file mode 100644
index 00000000..1cd8658a
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/assets/images/movie-5.png differ
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/movie-6.png b/Vignesh TAMIL MOVIES WEB/assets/images/movie-6.png
new file mode 100644
index 00000000..08f97f41
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/assets/images/movie-6.png differ
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/movie-7.png b/Vignesh TAMIL MOVIES WEB/assets/images/movie-7.png
new file mode 100644
index 00000000..99765c51
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/assets/images/movie-7.png differ
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/movie-8.png b/Vignesh TAMIL MOVIES WEB/assets/images/movie-8.png
new file mode 100644
index 00000000..14a64dcc
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/assets/images/movie-8.png differ
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/movie-detail-bg.png b/Vignesh TAMIL MOVIES WEB/assets/images/movie-detail-bg.png
new file mode 100644
index 00000000..e32d1394
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/assets/images/movie-detail-bg.png differ
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/series-1.png b/Vignesh TAMIL MOVIES WEB/assets/images/series-1.png
new file mode 100644
index 00000000..81ed2512
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/assets/images/series-1.png differ
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/series-2.png b/Vignesh TAMIL MOVIES WEB/assets/images/series-2.png
new file mode 100644
index 00000000..b5fc9023
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/assets/images/series-2.png differ
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/series-3.png b/Vignesh TAMIL MOVIES WEB/assets/images/series-3.png
new file mode 100644
index 00000000..e529d434
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/assets/images/series-3.png differ
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/series-4.png b/Vignesh TAMIL MOVIES WEB/assets/images/series-4.png
new file mode 100644
index 00000000..d6934349
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/assets/images/series-4.png differ
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/service-banner.jpg b/Vignesh TAMIL MOVIES WEB/assets/images/service-banner.jpg
new file mode 100644
index 00000000..cd99d272
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/assets/images/service-banner.jpg differ
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/service-bg.jpg b/Vignesh TAMIL MOVIES WEB/assets/images/service-bg.jpg
new file mode 100644
index 00000000..052ac425
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/assets/images/service-bg.jpg differ
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/top-rated-bg.jpg b/Vignesh TAMIL MOVIES WEB/assets/images/top-rated-bg.jpg
new file mode 100644
index 00000000..37874aa3
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/assets/images/top-rated-bg.jpg differ
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/tv-series-bg.jpg b/Vignesh TAMIL MOVIES WEB/assets/images/tv-series-bg.jpg
new file mode 100644
index 00000000..d6742940
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/assets/images/tv-series-bg.jpg differ
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/upcoming-1.png b/Vignesh TAMIL MOVIES WEB/assets/images/upcoming-1.png
new file mode 100644
index 00000000..1914e50b
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/assets/images/upcoming-1.png differ
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/upcoming-2.png b/Vignesh TAMIL MOVIES WEB/assets/images/upcoming-2.png
new file mode 100644
index 00000000..59cdc22b
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/assets/images/upcoming-2.png differ
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/upcoming-3.png b/Vignesh TAMIL MOVIES WEB/assets/images/upcoming-3.png
new file mode 100644
index 00000000..99b04700
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/assets/images/upcoming-3.png differ
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/upcoming-4.png b/Vignesh TAMIL MOVIES WEB/assets/images/upcoming-4.png
new file mode 100644
index 00000000..e89efa7e
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/assets/images/upcoming-4.png differ
diff --git a/Vignesh TAMIL MOVIES WEB/assets/images/upcoming-bg.png b/Vignesh TAMIL MOVIES WEB/assets/images/upcoming-bg.png
new file mode 100644
index 00000000..03f720df
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/assets/images/upcoming-bg.png differ
diff --git a/Vignesh TAMIL MOVIES WEB/assets/js/script.js b/Vignesh TAMIL MOVIES WEB/assets/js/script.js
new file mode 100644
index 00000000..3dac2824
--- /dev/null
+++ b/Vignesh TAMIL MOVIES WEB/assets/js/script.js
@@ -0,0 +1,52 @@
+'use strict';
+
+/**
+ * navbar variables
+ */
+
+const navOpenBtn = document.querySelector("[data-menu-open-btn]");
+const navCloseBtn = document.querySelector("[data-menu-close-btn]");
+const navbar = document.querySelector("[data-navbar]");
+const overlay = document.querySelector("[data-overlay]");
+
+const navElemArr = [navOpenBtn, navCloseBtn, overlay];
+
+for (let i = 0; i < navElemArr.length; i++) {
+
+ navElemArr[i].addEventListener("click", function () {
+
+ navbar.classList.toggle("active");
+ overlay.classList.toggle("active");
+ document.body.classList.toggle("active");
+
+ });
+
+}
+
+
+
+/**
+ * header sticky
+ */
+
+const header = document.querySelector("[data-header]");
+
+window.addEventListener("scroll", function () {
+
+ window.scrollY >= 10 ? header.classList.add("active") : header.classList.remove("active");
+
+});
+
+
+
+/**
+ * go top
+ */
+
+const goTopBtn = document.querySelector("[data-go-top]");
+
+window.addEventListener("scroll", function () {
+
+ window.scrollY >= 500 ? goTopBtn.classList.add("active") : goTopBtn.classList.remove("active");
+
+});
\ No newline at end of file
diff --git a/Vignesh TAMIL MOVIES WEB/favicon.svg b/Vignesh TAMIL MOVIES WEB/favicon.svg
new file mode 100644
index 00000000..4021171e
--- /dev/null
+++ b/Vignesh TAMIL MOVIES WEB/favicon.svg
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
+
diff --git a/Vignesh TAMIL MOVIES WEB/index.html b/Vignesh TAMIL MOVIES WEB/index.html
new file mode 100644
index 00000000..750fbff2
--- /dev/null
+++ b/Vignesh TAMIL MOVIES WEB/index.html
@@ -0,0 +1,1154 @@
+
+
+
+
+
+
+
+
Filmlane - Best movie collections
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Filmlane
+
+
+ Unlimited Tamil Movies , TVs Shows, & More.
+
+
+
+
+
+ Watch now
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Online Streaming
+
+
Upcoming Movies
+
+
+
+
+
+ Movies
+
+
+
+ TV Shows
+
+
+
+ Anime
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Our Services
+
+
Download Your Shows Watch Offline.
+
+
+ Lorem ipsum dolor sit amet, consecetur adipiscing elseddo eiusmod tempor.There are many variations of
+ passages of lorem
+ Ipsum available, but the majority have suffered alteration in some injected humour.
+
+
+
+
+
+
+
+
+
+
+
+
Enjoy on Your TV.
+
+
+ Lorem ipsum dolor sit amet, consecetur adipiscing elit, sed do eiusmod tempor.
+
+
+
+
+
+
+
+
+
+
+
+
+
Watch Everywhere.
+
+
+ Lorem ipsum dolor sit amet, consecetur adipiscing elit, sed do eiusmod tempor.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Online Streaming
+
+
Top Rated Movies
+
+
+
+
+ Movies
+
+
+
+ TV Shows
+
+
+
+ Documentary
+
+
+
+ Sports
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Best TV Series
+
+
World Best TV Series
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Trial start first 30 days.
+
+
+ Enter your email to create or restart your membership.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Vignesh TAMIL MOVIES WEB/index.txt b/Vignesh TAMIL MOVIES WEB/index.txt
new file mode 100644
index 00000000..f14c94a7
--- /dev/null
+++ b/Vignesh TAMIL MOVIES WEB/index.txt
@@ -0,0 +1,327 @@
+Filmlane - Best movie collections
+
+
+
+# HEADER
+
+alt = Filmlane logo
+
+
+
+
+
+EN
+AU
+AR
+TU
+
+Sign in
+
+
+
+alt = Filmlane logo
+
+
+
+Home
+Movie
+Tv Show
+Web Series
+Pricing
+
+
+
+
+
+
+
+
+
+# HERO
+
+Filmlane
+Unlimited Movie, TVs Shows, & More.
+
+PG 18
+HD
+
+Romance,
+Drama
+
+
+2022
+
+
+128 min
+
+
+Watch now
+
+
+
+# UPCOMING
+
+Online Streaming
+
+Upcoming Movies
+
+Movies
+TV Shows
+Anime
+
+alt = The Northman movie poster
+
+The Northman
+2022
+HD
+
+137 min
+
+8.5
+
+alt = Doctor Strange in the Multiverse of Madness movie poster
+
+Doctor Strange in the Multiverse of Madness
+4K
+126 min
+NR
+
+alt = Memory movie poster
+
+Memory
+2K
+N/A
+NR
+
+alt = The Unbearable Weight of Massive Talent movie poster
+
+The Unbearable Weight of Massive Talent
+107 min
+NR
+
+
+
+# SERVICE
+
+alt = HD 4k resolution! only $3.99
+
+Download
+
+
+Our Services
+
+Download Your Shows Watch Offline.
+
+Lorem ipsum dolor sit amet, consecetur adipiscing elseddo eiusmod tempor.There are many variations of passages of lorem Ipsum available, but the majority have suffered alteration in some injected humour.
+
+
+Enjoy on Your TV.
+
+Lorem ipsum dolor sit amet, consecetur adipiscing elit, sed do eiusmod tempor.
+
+
+Watch Everywhere.
+
+
+
+# TOP RATED
+
+Online Streaming
+
+Top Rated Movies
+
+Movies
+Tv Shows
+Documentary
+Sports
+
+alt = Sonic the Hedgehog 2 movie poster
+
+Sonic the Hedgehog 2
+2022
+2K
+122 min
+7.8
+
+alt = Morbius movie poster
+
+Morbius
+2022
+HD
+104 min
+5.9
+
+alt = The Adam Project movie poster
+
+The Adam Project
+2022
+4K
+106 min
+7.0
+
+alt = Free Guy movie poster
+
+Free Guy
+2021
+4K
+115 min
+7.7
+
+alt = The Batman movie poster
+
+The Batman
+2022
+4K
+176 min
+7.9
+
+alt = Uncharted movie poster
+
+Uncharted
+2022
+HD
+116 min
+7.0
+
+alt = Death on the Nile movie poster
+
+Death on the Nile
+2022
+2K
+127 min
+6.5
+
+alt = The King's Man movie poster
+
+The King's Man
+2021
+HD
+131 min
+7.0
+
+
+
+# TV SERIES
+
+Best TV Series
+
+World Best TV Series
+
+alt = Moon Knight movie poster
+
+Moon Knight
+2022
+2K
+47 min
+8.6
+
+alt = Halo movie poster
+
+Halo
+2022
+2K
+59 min
+8.8
+
+alt = Vikings: Valhalla movie poster
+
+Vikings: Valhalla
+2022
+2K
+51 min
+8.3
+
+alt = Money Heist movie poster
+
+Money Heist
+2017
+4K
+70 min
+8.3
+
+
+
+# CTA
+
+Trial start first 30 days.
+
+Enter your email to create or restart your membership.
+
+placeholder = Enter your email
+
+Get started
+
+
+
+# FOOTER
+
+alt = Filmlane logo
+
+Home
+Movie
+TV Show
+Web Series
+Pricing
+
+Faq
+Help center
+Terms of use
+Privacy
+
+
+
+
+
+
+© 2022 codewithsadee. All Rights Reserved
+
+alt = Online banking companies logo
+
+
+
+# GO TO TOP
+
+
+
+
+
+# MOVIE DETAILS
+
+Free Guy 2021
+
+
+alt = Free guy movie poster
+
+
+
+New Episodes
+
+Free Guy
+
+PG 13
+HD
+
+Comedy,
+Action,
+Adventure,
+Science Fiction
+
+
+2021
+
+
+115 min
+
+A bank teller called Guy realizes he is a background character in an open world video game called Free City that will soon go offline.
+
+
+Share
+
+Prime Video
+Streaming Channels
+
+
+Watch Now
+
+Download
+
\ No newline at end of file
diff --git a/Vignesh TAMIL MOVIES WEB/movie-details.html b/Vignesh TAMIL MOVIES WEB/movie-details.html
new file mode 100644
index 00000000..7032806e
--- /dev/null
+++ b/Vignesh TAMIL MOVIES WEB/movie-details.html
@@ -0,0 +1,568 @@
+
+
+
+
+
+
+
+
Free Guy 2021
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
New Movie
+
+
+ Valimai
+
+
+
+
+ A bank teller called Guy realizes he is a background character in an open world video game called Free
+ City that will
+ soon go offline.
+
+
+
+
+
+ Share
+
+
+
+
Prime Video
+
+
Streaming Channels
+
+
+
+ Watch Now
+
+
+
+
+
+ Download
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Best TV Series
+
+
World Best TV Series
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Vignesh TAMIL MOVIES WEB/readme-images/desktop.png b/Vignesh TAMIL MOVIES WEB/readme-images/desktop.png
new file mode 100644
index 00000000..0d23600f
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/readme-images/desktop.png differ
diff --git a/Vignesh TAMIL MOVIES WEB/readme-images/project-logo.png b/Vignesh TAMIL MOVIES WEB/readme-images/project-logo.png
new file mode 100644
index 00000000..cdbdcee6
Binary files /dev/null and b/Vignesh TAMIL MOVIES WEB/readme-images/project-logo.png differ
diff --git a/Vignesh TAMIL MOVIES WEB/style-guide.md b/Vignesh TAMIL MOVIES WEB/style-guide.md
new file mode 100644
index 00000000..a16043ea
--- /dev/null
+++ b/Vignesh TAMIL MOVIES WEB/style-guide.md
@@ -0,0 +1,82 @@
+# Essential Stuff
+
+## Html import links
+
+Google font
+
+``` html
+
+
+
+```
+
+Ionicon
+
+``` html
+
+
+```
+
+## Colors
+
+``` css
+--rich-black-fogra-29: hsl(225, 25%, 9%);
+--rich-black-fogra-39: hsl(170, 21%, 5%);
+--raisin-black: hsl(228, 13%, 15%);
+--eerie-black: hsl(207, 19%, 11%);
+--light-gray: hsl(0, 3%, 80%);
+--gunmetal-1: hsl(229, 15%, 21%);
+--gunmetal-2: hsl(216, 22%, 18%);
+--gainsboro: hsl(0, 7%, 88%);
+--citrine: hsl(57, 97%, 45%);
+--xiketic: hsl(253, 21%, 13%);
+--gray-x: hsl(0, 0%, 74%);
+--white: hsl(0, 100%, 100%);
+--black: hsl(0, 0%, 0%);
+--jet: hsl(0, 0%, 20%);
+```
+
+## Typography
+
+### Font Family
+
+``` css
+--ff-poppins: 'Poppins', sans-serif;
+```
+
+### Font Size
+
+``` css
+--fs-1: 36px;
+--fs-2: 32px;
+--fs-3: 30px;
+--fs-4: 24px;
+--fs-5: 20px;
+--fs-6: 18px;
+--fs-7: 16px;
+--fs-8: 15px;
+--fs-9: 14px;
+--fs-10: 13px;
+--fs-11: 12px;
+--fs-12: 11px;
+```
+
+### Font Weight
+
+``` css
+--fw-500: 500;
+--fw-700: 700;
+```
+
+## Transition
+
+``` css
+--transition-1: 0.15s ease;
+--transition-2: 0.25s ease-in;
+```
+
+## Spacing
+
+``` css
+--section-padding: 100px;
+```
diff --git a/Web Development Code Jam/Screenshot 2024-03-17 103326.png b/Web Development Code Jam/Screenshot 2024-03-17 103326.png
new file mode 100644
index 00000000..31559fc7
Binary files /dev/null and b/Web Development Code Jam/Screenshot 2024-03-17 103326.png differ
diff --git a/Web Development Code Jam/css.css b/Web Development Code Jam/css.css
new file mode 100644
index 00000000..94ea3495
--- /dev/null
+++ b/Web Development Code Jam/css.css
@@ -0,0 +1,42 @@
+* {
+padding: 0;
+margin: 0;
+box-sizing: border-box;
+}
+.container {
+height: 100vh;
+width: 100%;
+display: flex;
+align-items: center;
+justify-content: center;
+}
+.card {
+width: 20%;
+display: flex;
+flex-direction: column;
+}
+.card-one {
+width: 100%;
+}
+.card-one img {
+width: 100%;
+}
+.card-two {
+width: 100%;
+padding: 1rem;
+box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+.card-two h1 {
+font-size: 1.5rem;
+}
+.card-two h2{
+font-size: 1.2rem;
+margin-bottom: 1rem;
+color : grey;
+}
+.card-two a{
+text-decoration: none;
+background-color: black;
+color: white;
+padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/Web Development Code Jam/html.html b/Web Development Code Jam/html.html
new file mode 100644
index 00000000..90455203
--- /dev/null
+++ b/Web Development Code Jam/html.html
@@ -0,0 +1,21 @@
+
+
+
+
+
+
CodeJam Zero0ne
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/WebDev/ZOCC_logo.png b/WebDev/ZOCC_logo.png
new file mode 100644
index 00000000..baed8509
Binary files /dev/null and b/WebDev/ZOCC_logo.png differ
diff --git a/WebDev/index.css b/WebDev/index.css
new file mode 100644
index 00000000..dee831ab
--- /dev/null
+++ b/WebDev/index.css
@@ -0,0 +1,51 @@
+*{
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+
+.contianer {
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.card {
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+
+.card-one {
+ width: 100%;
+}
+
+.card-one img {
+ width: 100%;
+}
+
+.card-two {
+ width: 100%;
+ padding: 1rem;
+
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+
+.card-two h1 {
+ font-size: 1.5rem;
+}
+
+.card-two h2 {
+ font-size: 1.2rem;
+ margin-top: 1rem;
+ color: grey;
+}
+
+.card-two a {
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/WebDev/index.html b/WebDev/index.html
new file mode 100644
index 00000000..a8e80d54
--- /dev/null
+++ b/WebDev/index.html
@@ -0,0 +1,30 @@
+
+
+
+
+
+
CodeJam - ZeroOne
+
+
+
+
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
+
Join
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/WhatsApp Image 2024-03-17 at 18.49.12_8afc6f2e.jpg b/WhatsApp Image 2024-03-17 at 18.49.12_8afc6f2e.jpg
new file mode 100644
index 00000000..6c8d4ca0
Binary files /dev/null and b/WhatsApp Image 2024-03-17 at 18.49.12_8afc6f2e.jpg differ
diff --git a/ZERO ONE CODE CLUB/index.css b/ZERO ONE CODE CLUB/index.css
new file mode 100644
index 00000000..9eebddbd
--- /dev/null
+++ b/ZERO ONE CODE CLUB/index.css
@@ -0,0 +1,52 @@
+* {
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+
+.container {
+ height: 100vh;
+ width: 100%;
+
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.card{
+ width: 20% ;
+ display: flex;
+ flex-direction: column;
+
+}
+.card-one {
+ width: 100%;
+}
+.card-one img {
+ width: 100%;
+
+}
+
+.card-two {
+ width: 100%;
+ padding: 1rem;
+
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+
+.card-two h1 {
+ font-size: 1.5rem;
+}
+
+.card-two h2 {
+
+ font-size: 1.2rem;
+ margin-bottom: 1rem;
+ color: gray;
+}
+.card-two a {
+ text-decoration: none;
+ background-color: black ;
+ color: white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/ZERO ONE CODE CLUB/index.html b/ZERO ONE CODE CLUB/index.html
new file mode 100644
index 00000000..d9fc5655
--- /dev/null
+++ b/ZERO ONE CODE CLUB/index.html
@@ -0,0 +1,31 @@
+
+
+
+
+
+
CodeJam - ZeroOne
+
+
+
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
Join
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ZERO ONE CODE CLUB/zeroone.jpeg b/ZERO ONE CODE CLUB/zeroone.jpeg
new file mode 100644
index 00000000..7404124b
Binary files /dev/null and b/ZERO ONE CODE CLUB/zeroone.jpeg differ
diff --git a/ZERO ONE/ZOCC_logo.png b/ZERO ONE/ZOCC_logo.png
new file mode 100644
index 00000000..baed8509
Binary files /dev/null and b/ZERO ONE/ZOCC_logo.png differ
diff --git a/ZERO ONE/index.css b/ZERO ONE/index.css
new file mode 100644
index 00000000..7630ff12
--- /dev/null
+++ b/ZERO ONE/index.css
@@ -0,0 +1,46 @@
+*{
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+.container{
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.card{
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+
+.card-one{
+ width: 100%;
+
+}
+
+.card-one img{
+ width: 100%;
+}
+.card-two{
+ width: 100%;
+ padding: 1rem;
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+.card-two h1{
+ font-size: 1.5rem;
+}
+.card-two h2{
+ font-size: 1.2rem;
+ margin-bottom: 1rem;
+ color: grey;
+}
+.card-two a{
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/ZERO ONE/index.html b/ZERO ONE/index.html
new file mode 100644
index 00000000..474ab767
--- /dev/null
+++ b/ZERO ONE/index.html
@@ -0,0 +1,24 @@
+
+
+
+
+
+
CodeJam - ZeroOne
+
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
Join
+
+
+
+
+
\ No newline at end of file
diff --git a/ZEROONENOW/index.css b/ZEROONENOW/index.css
new file mode 100644
index 00000000..4f9e031f
--- /dev/null
+++ b/ZEROONENOW/index.css
@@ -0,0 +1,51 @@
+*{
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+.container
+{
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.card
+{
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+.card-one
+{
+ width: 100%;
+}
+.card-one img
+{
+ width: 100%;
+}
+.card-two
+{
+ width: 100%;
+ padding: 1rem;
+
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+.card-two h1
+{
+font-size: 1.5rem;
+}
+.card-two h2
+{
+font-size: 1.2rem;
+margin-bottom: 1rem;
+}
+.card-two a
+{
+text-decoration: none;
+background-color: black;
+color: white;
+padding: 5px 10px;
+
+}
\ No newline at end of file
diff --git a/ZEROONENOW/index.html b/ZEROONENOW/index.html
new file mode 100644
index 00000000..957122bf
--- /dev/null
+++ b/ZEROONENOW/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
CodeJam-ZeroOne
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
Join
+
+
+
+
+
\ No newline at end of file
diff --git a/ZEROONENOW/logo.png b/ZEROONENOW/logo.png
new file mode 100644
index 00000000..baed8509
Binary files /dev/null and b/ZEROONENOW/logo.png differ
diff --git a/ZOCC_logo.png b/ZOCC_logo.png
new file mode 100644
index 00000000..baed8509
Binary files /dev/null and b/ZOCC_logo.png differ
diff --git a/Zero one/ZOCC_logo.png b/Zero one/ZOCC_logo.png
new file mode 100644
index 00000000..baed8509
Binary files /dev/null and b/Zero one/ZOCC_logo.png differ
diff --git a/Zero one/index.css b/Zero one/index.css
new file mode 100644
index 00000000..777ad107
--- /dev/null
+++ b/Zero one/index.css
@@ -0,0 +1,48 @@
+*{
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+.container {
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.card {
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+
+.card-one {
+ width: 100%;
+}
+.card-one img {
+ width: 100%;
+}
+
+.card-two {
+ width: 100%;
+ padding: 1rem;
+
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+
+.card-two h1 {
+ font-size: 1.5rem;
+}
+
+.card-two h2 {
+ font-size: 1.2rem;
+ color: gray;
+}
+
+.card-two a {
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 1px 10px;
+}
\ No newline at end of file
diff --git a/Zero one/index.html b/Zero one/index.html
new file mode 100644
index 00000000..f51ee759
--- /dev/null
+++ b/Zero one/index.html
@@ -0,0 +1,24 @@
+
+
+
+
+
+
CodeJam - ZeroOne
+
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
Join
+
+
+
+
+
\ No newline at end of file
diff --git a/ZeroCode/index.css b/ZeroCode/index.css
new file mode 100644
index 00000000..c43a4a03
--- /dev/null
+++ b/ZeroCode/index.css
@@ -0,0 +1,43 @@
+* {
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+.container{
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.card{
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+.card-one{
+ width: 100%;
+
+}
+.card-one img{
+ width: 100%;
+}
+.card-two{
+ width: 100%;
+ padding: 1rem;
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+.card-two h1{
+ font-size: 1.5rem;
+}
+.card-two h2{
+ font-size: 1.2rem;
+ margin-bottom: 1rem;
+ color: grey;
+}
+.card-two a{
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/ZeroCode/index.html b/ZeroCode/index.html
new file mode 100644
index 00000000..6d528f4f
--- /dev/null
+++ b/ZeroCode/index.html
@@ -0,0 +1,28 @@
+
+
+
+
+
+
CodeJam - ZeroOne
+
+
+
+
+
+
+
+
+
+
+
Zero One Code Club
+
Student Activity Center
+
Join
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ZeroCode/zero-one.jpeg b/ZeroCode/zero-one.jpeg
new file mode 100644
index 00000000..70b9706a
Binary files /dev/null and b/ZeroCode/zero-one.jpeg differ
diff --git a/ZeroOne/ZOCC_logo.png b/ZeroOne/ZOCC_logo.png
new file mode 100644
index 00000000..baed8509
Binary files /dev/null and b/ZeroOne/ZOCC_logo.png differ
diff --git a/ZeroOne/index.css b/ZeroOne/index.css
new file mode 100644
index 00000000..04a30e92
--- /dev/null
+++ b/ZeroOne/index.css
@@ -0,0 +1,44 @@
+* {
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+.container {
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.card {
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+.card-one {
+ width: 100%;
+}
+.card-one img {
+ width: 100%;
+}
+.card-two {
+ width: 100%;
+ padding: 1rem;
+ box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
+}
+
+.card-two h1 {
+ font-size: 3rem;
+}
+.card-two h2 {
+ font-size: 2rem;
+ margin-bottom: 1rem;
+ color: grey;
+}
+.card-two a {
+ font-size: 2rem;
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/ZeroOne/index.html b/ZeroOne/index.html
new file mode 100644
index 00000000..7e8fabdc
--- /dev/null
+++ b/ZeroOne/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
CodeJam - ZeroOne
+
+
+
+
+
+
+
+
+
+
Zero One Code Club
+
Student activity center
+
join
+
+
+
+
+
\ No newline at end of file
diff --git a/abud/index.css b/abud/index.css
new file mode 100644
index 00000000..4345aa32
--- /dev/null
+++ b/abud/index.css
@@ -0,0 +1,44 @@
+*{
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+.container{
+ height: 100vh ;
+
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.card{
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+.card-one{
+ width: 100%;
+
+}
+.card-one img{
+ width: 100%;
+}
+.card-two{
+ width: 100%;
+ padding: 1rem;
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+.card-two h1 {
+ font-size: 1.5rem;
+}
+.card-two h2{
+ font-size: 1.2rem;
+ margin-bottom: 1rem;
+ color: grey;
+}
+.card-two a{
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/abud/index.html b/abud/index.html
new file mode 100644
index 00000000..b01c2f16
--- /dev/null
+++ b/abud/index.html
@@ -0,0 +1,25 @@
+
+
+
+
+
+
CodeJam - ZeroOne
+
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
Join
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/abud/ss.png b/abud/ss.png
new file mode 100644
index 00000000..2b7c527f
Binary files /dev/null and b/abud/ss.png differ
diff --git a/cam jam/ZOCC_logo.png b/cam jam/ZOCC_logo.png
new file mode 100644
index 00000000..baed8509
Binary files /dev/null and b/cam jam/ZOCC_logo.png differ
diff --git a/cam jam/index.css b/cam jam/index.css
new file mode 100644
index 00000000..024fdef2
--- /dev/null
+++ b/cam jam/index.css
@@ -0,0 +1,44 @@
+*{
+ padding:0;
+ margin: 0;
+ box-sizing: border-box;
+}
+.container{
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.card{
+ width: 20%;
+ display:flex;
+ flex-direction: column;
+}
+.card-one{
+ width: 100%;
+}
+.card-one img{
+ width: 100%;
+}
+.card-two{
+ width: 100%;
+ padding: 1rem;
+ box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
+}
+.card-two h1{
+ font-size: 1.5rem;
+}
+.card-two h2{
+ font-size:1.2rem;
+ margin-bottom: 1rem;
+ color: gray;
+}
+
+.card-two a{
+ text-decoration:none;
+ background-color: black;
+ color: white;
+ padding:5px 10px;
+}
+
diff --git a/cam jam/index.html b/cam jam/index.html
new file mode 100644
index 00000000..8ef116bf
--- /dev/null
+++ b/cam jam/index.html
@@ -0,0 +1,25 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/club.css b/club.css
new file mode 100644
index 00000000..5d0fcff4
--- /dev/null
+++ b/club.css
@@ -0,0 +1,48 @@
+*{
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+
+.container {
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.card{
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+
+.card-one{
+ width: 100%;
+
+}
+.card-one img{
+ width: 100%;
+}
+.card-two{
+ width: 100%;
+ padding: 1rem;
+
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+.card-two h1 {
+ font-size: 1.5rem;
+}
+.card-two h2{
+ font-size: 1.2rem;
+ margin-bottom: 1rem;
+ color: grey;
+}
+.car-two a{
+ text-decoration: none;
+ background-color: black;
+ color: white;
+padding: 5px 10px;
+}
+
diff --git a/club.html b/club.html
new file mode 100644
index 00000000..2878fc07
--- /dev/null
+++ b/club.html
@@ -0,0 +1,27 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/coadjam/ZOCC_logo.png b/coadjam/ZOCC_logo.png
new file mode 100644
index 00000000..baed8509
Binary files /dev/null and b/coadjam/ZOCC_logo.png differ
diff --git a/coadjam/index.css b/coadjam/index.css
new file mode 100644
index 00000000..92496aae
--- /dev/null
+++ b/coadjam/index.css
@@ -0,0 +1,63 @@
+* {
+
+ padding: 0;
+
+ margin: 0;
+
+ box-sizing: border-box;
+}
+
+
+.container {
+
+ height: 100vh;
+
+ width: 100%;
+
+ display: flex;
+
+ align-items: center;
+
+ justify-content: center;
+
+}
+
+.card{
+
+ width: 20%;
+
+ display: flex;
+
+ flex-direction: column;
+
+}
+.card-one {
+
+ width: 100%;
+
+}
+
+.card-one img {
+
+ width: 100%;
+
+}
+.card-two{
+ width:100%;
+ padding: 1rem;
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+.card-two h1{
+ font-size: 1.5rem;
+}
+
+.card-two h2{
+ font-size: 1.2rem;
+ color: gray;
+}
+a{
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/coadjam/index.html b/coadjam/index.html
new file mode 100644
index 00000000..bf95b026
--- /dev/null
+++ b/coadjam/index.html
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/code .jam/index.css b/code .jam/index.css
new file mode 100644
index 00000000..1e973f84
--- /dev/null
+++ b/code .jam/index.css
@@ -0,0 +1,44 @@
+* {
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+.container{
+ height: 100vh;
+ width: 200vh;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+}
+.card{
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+
+}
+.card-one{
+ width: 100%;
+}
+.card-one img{
+ width: 100%;
+}
+.card-two{
+ width: 100%;
+ padding: 1rem;
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;;
+}
+.card-two h1{
+ font-size: 1.5rem;
+}
+.card-two h2{
+ font-size: 1.2rem;
+ margin-bottom: 1rem;
+ color: grey;
+}
+.card-two a{
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/code .jam/index.html b/code .jam/index.html
new file mode 100644
index 00000000..4ebc92ec
--- /dev/null
+++ b/code .jam/index.html
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/code .jam/zero one pic.jpg b/code .jam/zero one pic.jpg
new file mode 100644
index 00000000..874efb8c
Binary files /dev/null and b/code .jam/zero one pic.jpg differ
diff --git a/code Jam/ZOCC_logo.png b/code Jam/ZOCC_logo.png
new file mode 100644
index 00000000..baed8509
Binary files /dev/null and b/code Jam/ZOCC_logo.png differ
diff --git a/code Jam/index.css b/code Jam/index.css
new file mode 100644
index 00000000..4d06b0ec
--- /dev/null
+++ b/code Jam/index.css
@@ -0,0 +1,79 @@
+*(
+ padding: 0;
+ marggin: 0;
+ box-sizing: border-box;
+)
+
+.container {
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.card {
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+
+.card-one {
+ width: 100%;
+}
+.card-one img {
+ width: 100%;
+}
+
+.card-two {
+ width: 100%;
+ padding: 1rem;
+
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+
+.card-two h1 {
+ font-size: 1.5rem;
+}
+.card-two h2 {
+ font-size: 1.2rem;
+ margin-botton: 1rem;
+ color: grey;
+}
+
+
+.card-two a {
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/code Jam/index.html b/code Jam/index.html
new file mode 100644
index 00000000..7c6f267b
--- /dev/null
+++ b/code Jam/index.html
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/code jam project.rar b/code jam project.rar
new file mode 100644
index 00000000..1a83a06f
Binary files /dev/null and b/code jam project.rar differ
diff --git a/code jam/code jam/ZOCC_logo.png b/code jam/code jam/ZOCC_logo.png
new file mode 100644
index 00000000..baed8509
Binary files /dev/null and b/code jam/code jam/ZOCC_logo.png differ
diff --git a/code jam/code jam/index.css b/code jam/code jam/index.css
new file mode 100644
index 00000000..6acb046d
--- /dev/null
+++ b/code jam/code jam/index.css
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
Join
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/code jam/code jam/index.html b/code jam/code jam/index.html
new file mode 100644
index 00000000..e69de29b
diff --git a/code-jam/ZOCC_logo.png b/code-jam/ZOCC_logo.png
new file mode 100644
index 00000000..baed8509
Binary files /dev/null and b/code-jam/ZOCC_logo.png differ
diff --git a/code-jam/index.css b/code-jam/index.css
new file mode 100644
index 00000000..c9da388c
--- /dev/null
+++ b/code-jam/index.css
@@ -0,0 +1,42 @@
+*{
+ margin:0;
+ padding:0;
+ box-sizing: border-box;
+}
+.container{
+ height: 100vh;
+ weight:100%;
+ display: flex;
+ align-items:center;
+ justify-content: center;
+}
+.card{
+ width:20%;
+ display:flex;
+ flex-direction: column ;
+}
+.card-one{
+ width: 100%;
+}
+.card-one img{
+ width:100%;
+}
+.card-two{
+ width:100%;
+ padding:1rem;
+ box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
+}
+.card-two h1{
+ font-size: 1.5rem;
+}
+.card-two h2{
+ font-size:1.2rem;
+ margin-bottom: 1rem;
+ color:grey;
+}
+.card-two a{
+ text-decoration: none;
+ background-color: black;
+ color:white;
+ padding:5px 10px;
+}
\ No newline at end of file
diff --git a/code-jam/index.html b/code-jam/index.html
new file mode 100644
index 00000000..dd666b4a
--- /dev/null
+++ b/code-jam/index.html
@@ -0,0 +1,24 @@
+
+
+
+
+
+
code-jam
+
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
Join
+
+
+
+
+
\ No newline at end of file
diff --git a/code.jam/index.css b/code.jam/index.css
new file mode 100644
index 00000000..c63af517
--- /dev/null
+++ b/code.jam/index.css
@@ -0,0 +1,48 @@
+*{
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+
+.container {
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.card {
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+
+.card-one {
+ width: 100%;
+}
+.card-one imp {
+ width: 100;
+}
+.card-two {
+ width: 100%;
+ padding: 1rem;
+
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+
+.card-two h1 {
+ font-size:1.5rem;
+}
+.card-two h2 {
+ font-size: 1.2rem;
+ margin-bottom:1rem;
+ color: grey;
+}
+
+.card-two a {
+ text-decoration: none;
+ background-color:black;
+ color: white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/code.jam/index.html b/code.jam/index.html
new file mode 100644
index 00000000..7f61fd97
--- /dev/null
+++ b/code.jam/index.html
@@ -0,0 +1,32 @@
+
+
+
+
+
+
CodeJam-ZeroOne
+
+
+
+
+
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
Join
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/code.jam/zeroone.jpg b/code.jam/zeroone.jpg
new file mode 100644
index 00000000..322ea8a1
Binary files /dev/null and b/code.jam/zeroone.jpg differ
diff --git a/code/ZeroOne.jpg b/code/ZeroOne.jpg
new file mode 100644
index 00000000..8265e773
Binary files /dev/null and b/code/ZeroOne.jpg differ
diff --git a/code/index.css b/code/index.css
new file mode 100644
index 00000000..b100299e
--- /dev/null
+++ b/code/index.css
@@ -0,0 +1,45 @@
+* {
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+
+.container{
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.card{
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+.card-one{
+ width: 100%;
+}
+.card-one img{
+ width: 100%;
+}
+.card-two{
+ width: 100%;
+ padding: 1rem;
+
+ box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+}
+.card-two h1{
+ font-size: 1.5rem;
+}
+.card-two h2{
+ font-size: 1.2rem;
+ margin-bottom: 1rem;
+ color: gray;
+}
+.card-two a {
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/code/index.html b/code/index.html
new file mode 100644
index 00000000..e9aaea69
--- /dev/null
+++ b/code/index.html
@@ -0,0 +1,29 @@
+
+
+
+
+
+
codejam -ZeroOne
+
+
+
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity center
+
+
Join
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/codeJam/ZOCC.jpg b/codeJam/ZOCC.jpg
new file mode 100644
index 00000000..6c8d4ca0
Binary files /dev/null and b/codeJam/ZOCC.jpg differ
diff --git a/codeJam/ZeroOne.jpg b/codeJam/ZeroOne.jpg
new file mode 100644
index 00000000..6dbb2bec
Binary files /dev/null and b/codeJam/ZeroOne.jpg differ
diff --git a/codeJam/index.css b/codeJam/index.css
new file mode 100644
index 00000000..01783826
--- /dev/null
+++ b/codeJam/index.css
@@ -0,0 +1,44 @@
+*{
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+.container {
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.card{
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+.card-one{
+ width: 100%;
+
+}
+.card-one img{
+ width: 100%;
+}
+.card-two {
+ width: 100%;
+ padding: 1rem;
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+
+}
+.card-two h1{
+ font-size: 1.5rem;
+}
+.card-two h2{
+ font-size: 1.2rem;
+ margin-bottom: 1rem;
+ color: gray;
+}
+.card-two a{
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/codeJam/index.html b/codeJam/index.html
new file mode 100644
index 00000000..eb09e0cf
--- /dev/null
+++ b/codeJam/index.html
@@ -0,0 +1,29 @@
+
+
+
+
+
+
CodeJam-ZeroOne
+
+
+
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
join
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/code_jam/ZOCC_logo.png b/code_jam/ZOCC_logo.png
new file mode 100644
index 00000000..baed8509
Binary files /dev/null and b/code_jam/ZOCC_logo.png differ
diff --git a/code_jam/index.css b/code_jam/index.css
new file mode 100644
index 00000000..622efa27
--- /dev/null
+++ b/code_jam/index.css
@@ -0,0 +1,49 @@
+* {
+ padding: 0;
+ margin: 0;
+ box-sizing: boarder_box;
+}
+.container {
+ height: 100vh;
+ width: 100;
+ display: flex;
+ align-items: centre;
+ justify-content: centre;
+
+}
+
+.card {
+ width: 20%;
+ display: flex;
+ flex-direction: coloumn;
+
+}
+ .card-one {
+ width: 100;
+ }
+ .card-one img {
+ width: 100%;
+}
+.card-two {
+ width: 100%;
+ padding: 1rem;
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+
+
+.card-two h1 {
+ font-size: 1.5rem;
+}
+.card-two h2 {
+ font-size: 1.2rem;
+ margin-bottom: 1rem;
+ color:darkgray
+}
+
+.card-two a{
+ text-decoration: none;
+ background-color:black;
+ color:cornsilk
+ padding: 5px 10px;
+
+}
\ No newline at end of file
diff --git a/code_jam/index.html b/code_jam/index.html
new file mode 100644
index 00000000..eead9045
--- /dev/null
+++ b/code_jam/index.html
@@ -0,0 +1,26 @@
+
+
+
+
+
+
CodeJam - ZeroOne
+
+
+
+
+
+
+
+
+
class="card-one">
+
+
+
+
ZeroOne Code Club
+
Student Activity Centre
+
+
Join
+
+
+
+
\ No newline at end of file
diff --git a/codecamp/index.css b/codecamp/index.css
new file mode 100644
index 00000000..43beffa7
--- /dev/null
+++ b/codecamp/index.css
@@ -0,0 +1,48 @@
+*{
+padding: 0;
+margin: 0;
+box-sizing: border-box;
+}
+.container{
+ height: 100vh;
+ width: 100vh;
+ display: flex;
+ margin: 150px 360px 0px;
+ justify-content: center;
+}
+.card
+{
+ width: 40%;
+ display:flex;
+ flex-direction: column;
+
+}
+.card-one{
+ width: 100%;
+ }
+
+.card-one img{
+ width: 100%;
+}
+.card-two{
+width: 100%;
+padding: 1rem;
+border: 2px solid black;
+box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+.card-two h1{
+ font-size: 1.5rem;
+
+}
+.card-two h2{
+ font-size: 1.2rem;
+ margin-bottom: 1rem;
+ color: gray;
+}
+.card-two a{
+ text-decoration:none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+
+}
\ No newline at end of file
diff --git a/codecamp/index.html b/codecamp/index.html
new file mode 100644
index 00000000..2d218757
--- /dev/null
+++ b/codecamp/index.html
@@ -0,0 +1,26 @@
+
+
+
+
+
+
CodeJam-ZeroOne
+
+
+
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
Join
+
+
+
+
+
+
\ No newline at end of file
diff --git a/codecamp/zerone.jpeg b/codecamp/zerone.jpeg
new file mode 100644
index 00000000..1d3d9028
Binary files /dev/null and b/codecamp/zerone.jpeg differ
diff --git a/codechef/ZOCC_logo.png b/codechef/ZOCC_logo.png
new file mode 100644
index 00000000..baed8509
Binary files /dev/null and b/codechef/ZOCC_logo.png differ
diff --git a/codechef/index.css b/codechef/index.css
new file mode 100644
index 00000000..3d00a9a5
--- /dev/null
+++ b/codechef/index.css
@@ -0,0 +1,49 @@
+*{
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+
+.container{
+ height: 100vh;
+ width: 100vh;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.card{
+ width: 26%;
+ display: flex;
+ flex-direction: column;
+}
+
+.card-one{
+ width: 100%;
+
+}
+.card-one img{
+ width: 100%;
+}
+
+.card-two{
+ width: 100%;
+ padding: 1rem;
+
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+
+.card-two h1{
+ font-size: 1.5rem;
+}
+.card-two h2{
+ fontsize: 1.2rem;
+ margin-bottom:1rem;
+ color: grey;
+}
+.card-two a{
+ text-decoration:none;
+ background-color:black;
+ color:white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/codechef/index.html b/codechef/index.html
new file mode 100644
index 00000000..c3c5de48
--- /dev/null
+++ b/codechef/index.html
@@ -0,0 +1,26 @@
+
+
+
+
+
+
CodeJam-ZeroOne
+
+
+
+
+
+
+
+
+
+
+
+
ZeroOne code club
+
Student Activity Center
+
Jion
+
+
+
+
+
+
\ No newline at end of file
diff --git a/codejaam/doremon.jpg b/codejaam/doremon.jpg
new file mode 100644
index 00000000..d55eeb82
Binary files /dev/null and b/codejaam/doremon.jpg differ
diff --git a/codejaam/index.css b/codejaam/index.css
new file mode 100644
index 00000000..6f79e02d
--- /dev/null
+++ b/codejaam/index.css
@@ -0,0 +1,51 @@
+* {
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+
+.cointainer {
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.card {
+ width: 20%;
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+}
+
+.card-one {
+ width: 100%;
+ align-items: center;
+}
+
+.card-one img {
+ width: 100%;
+}
+
+.card-two {
+ width: 100%;
+ padding: 1rem;
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+
+.card-two h1 {
+ font-size: 1.5rem;
+}
+
+.card-two h2 {
+ font-size: 1.2rem;
+ margin-bottom: 1rem;
+}
+
+.card-two a{
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/codejaam/index.html b/codejaam/index.html
new file mode 100644
index 00000000..7103c2b2
--- /dev/null
+++ b/codejaam/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
CodeJam - ZeroOne
+
+
+
+
+
+
+
+
+
+
Doremon
+
My favourite cartoon
+
+
Join
+
+
+
+
\ No newline at end of file
diff --git a/codejam AL7/index.css b/codejam AL7/index.css
new file mode 100644
index 00000000..ef8572eb
--- /dev/null
+++ b/codejam AL7/index.css
@@ -0,0 +1,47 @@
+*{
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+
+.container{
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.card{
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+
+.card-one{
+ width: 100%;
+}
+.card-one img{
+ width: 100%;
+}
+
+.card-two{
+ width: 100%;
+ padding: 1rem;
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+
+.card-two h1{
+ font: size 1.5rem;
+}
+.card-two h2{
+ font-size: 1.2rem;
+ margin-bottom: 1rem;
+ color: grey;
+}
+.card-two a{
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/codejam AL7/index.html b/codejam AL7/index.html
new file mode 100644
index 00000000..efa5a7cf
--- /dev/null
+++ b/codejam AL7/index.html
@@ -0,0 +1,25 @@
+
+
+
+
+
+
CodeJam-ZeroOne
+
+
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
Join
+
+
+
+
+
\ No newline at end of file
diff --git a/codejam AL7/logo.jpg b/codejam AL7/logo.jpg
new file mode 100644
index 00000000..cf85f15d
Binary files /dev/null and b/codejam AL7/logo.jpg differ
diff --git a/codejam sil/ZeroOnelogo.jpg b/codejam sil/ZeroOnelogo.jpg
new file mode 100644
index 00000000..322ea8a1
Binary files /dev/null and b/codejam sil/ZeroOnelogo.jpg differ
diff --git a/codejam sil/index.css b/codejam sil/index.css
new file mode 100644
index 00000000..17ed3619
--- /dev/null
+++ b/codejam sil/index.css
@@ -0,0 +1,49 @@
+* {
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+
+.container {
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.card {
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+
+.card-one {
+ width: 100%;
+}
+.card-one img {
+ width: 100%;
+}
+
+.card-two {
+ width: 100%;
+ padding: 1rem;
+
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+
+.card-two h1 {
+ font-size: 1.5rem;
+}
+.card-two h2 {
+ font-size: 1.2rem;
+ margin-bottom: 1rem;
+ color: grey;
+}
+
+.card-two a {
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/codejam sil/index.html b/codejam sil/index.html
new file mode 100644
index 00000000..a29e208a
--- /dev/null
+++ b/codejam sil/index.html
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
join
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/codejam-zocc/ZOCC_logo.png b/codejam-zocc/ZOCC_logo.png
new file mode 100644
index 00000000..baed8509
Binary files /dev/null and b/codejam-zocc/ZOCC_logo.png differ
diff --git a/codejam-zocc/index.css b/codejam-zocc/index.css
new file mode 100644
index 00000000..894ae7cd
--- /dev/null
+++ b/codejam-zocc/index.css
@@ -0,0 +1,51 @@
+* {
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+
+.container {
+ height: 100vh;
+ width: 10;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+}
+
+.card {
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+
+.card-one{
+ width: 100%;
+
+}
+
+.card-one img{
+ width :100%;
+}
+
+.card-two{
+ width: 100%;
+ padding: 1rem;
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
+
+.card-two h1{
+ font-size: 1.5rem;
+}
+
+.card-two h2{
+ font-size: 1.2rem;
+ margin-bottom: 1rem;
+ color: grey;
+}
+
+.card-two a{
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/codejam-zocc/index.html b/codejam-zocc/index.html
new file mode 100644
index 00000000..5eaec77b
--- /dev/null
+++ b/codejam-zocc/index.html
@@ -0,0 +1,24 @@
+
+
+
+
+
+
CodeJam-ZeroOne
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
Join
+
+
+
+
+
+
\ No newline at end of file
diff --git a/codejam.html b/codejam.html
new file mode 100644
index 00000000..901fc51f
--- /dev/null
+++ b/codejam.html
@@ -0,0 +1,11 @@
+
+
+
+
Codejam-Zero
+
+
+
+
+join
+
+
diff --git a/codejam.rar b/codejam.rar
new file mode 100644
index 00000000..1a83a06f
Binary files /dev/null and b/codejam.rar differ
diff --git a/codejam/Index.css b/codejam/Index.css
new file mode 100644
index 00000000..24688eea
--- /dev/null
+++ b/codejam/Index.css
@@ -0,0 +1,50 @@
+*{
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+
+.Container {
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.Card {
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+
+.Card-one {
+ width: 100%;
+
+}
+.Card-one img {
+ width: 100%;
+ box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
+}
+
+.Card-two {
+ width: 100%;
+ padding: 1rem;
+ box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
+}
+
+.Card-two h1 {
+ font-size: 1.5rem;
+}
+.Card-two h2 {
+ font-size: 1.2rem;
+ margin-bottom: 1rem;
+ color: grey;
+}
+
+.Card-two a {
+ text-decoration: none;
+ background-color: black;
+ color: aliceblue;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/codejam/Index.html b/codejam/Index.html
new file mode 100644
index 00000000..fc475cd9
--- /dev/null
+++ b/codejam/Index.html
@@ -0,0 +1,26 @@
+
+
+
+ CodeJam - ZeroOne
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
Join
+
+
+
Anime Recommendations
+
+
+
+ These are the top 5 best animes to start
+ One Piece
+
+ Main Crew Members
+
+
+ Name
+ Specialty
+ Image
+
+
+ Monkey D. Luffy
+ Rubber-Like Body (Gomu Gomu no Mi)
+
+
+ Roronoa Zoro
+ Three-Sword Style Swordsmanship
+
+
+ Nami
+ Navigational Expertise
+
+
+ Usopp
+ Sharpshooting and Inventiveness
+
+
+ Sanji
+ Black Leg Style Martial Arts
+
+
+ Tony Tony Chopper
+ Human-Human Fruit Transformation
+
+
+ Nico Robin
+ Floral Demons and Archaeological Knowledge
+
+
+ Franky
+ Cyborg Enhancements
+
+
+ Brook
+ Reanimated Skeleton (Revive-Revive Fruit)
+
+
+
+ Details of Crew Members
+
+ Monkey D. Luffy
+ Monkey D. Luffy, the captain of the Straw Hat Pirates, possesses the power of the Gomu Gomu no Mi, which grants him a rubber-like body, allowing him to stretch and bounce. He is on a quest to become the Pirate King.
+
+ Roronoa Zoro
+ Roronoa Zoro is the swordsman of the crew and wields three swords. He is a master of the Three-Sword Style and dreams of becoming the world's greatest swordsman.
+
+
+
+ Nami
+ Nami is the crew's navigator and an expert in cartography and navigation. She is essential for guiding the crew safely through the Grand Line and has a deep passion for creating precise maps of uncharted territories.
+
+ Usopp
+ Usopp is the crew's sharpshooter and a talented inventor. He's known for his incredible marksmanship with his slingshot and for creating various gadgets and weapons to assist the crew in their adventures.
+
+ Sanji
+ Sanji is the Straw Hat Pirates' cook and a skilled martial artist. He fights using his powerful legs, known as the Black Leg Style, and is known for his chivalrous nature and love of beautiful women.
+
+ Tony Tony Chopper
+ Tony Tony Chopper is a reindeer who gained human-like abilities after consuming the Human-Human Fruit. He serves as the crew's doctor and has various forms he can transform into, each with unique abilities.
+
+ Nico Robin
+ Nico Robin is the crew's archaeologist and possesses the power of the Devil Fruit, allowing her to create extra limbs called "Floral Demons." She's also a highly knowledgeable scholar and invaluable in deciphering ancient texts.
+
+ Franky
+ Franky is the crew's shipwright and a cyborg with numerous enhancements. He built the crew's ship, the Thousand Sunny, and is known for his eccentric personality and love of building incredible machines.
+
+ Brook
+ Brook is a reanimated skeleton due to the powers of the Revive-Revive Fruit. He is the crew's musician and has the ability to use the power of the Soul-Soul Fruit to interact with souls and perform unique abilities with his music.
+
+ Watch One Piece
+ Enjoy an introduction to One Piece with this YouTube video:
+ VIDEO
+
+ You can watch one piece in crunchy roll website. Click the following link to start watching one piece
+link to watch one piece
+Demon Slayer: Kimetsu no Yaiba
+
+
+ Name
+ Specialty
+ Image
+
+
+ Tanjirou Kamado
+ Water Breathing Swordsmanship
+
+
+ Nezuko Kamado
+ Demon Powers
+
+
+ Zenitsu Agatsuma
+ Thunder Breathing Swordsmanship
+
+
+ Inosuke Hashibira
+ Beast Breathing Swordsmanship
+
+
+
+
+ Details of Demon Slayer Characters
+
+ Tanjirou Kamado
+ Tanjirou Kamado is the main protagonist of Demon Slayer. He is a Water Breathing swordsman on a quest to avenge his family and defeat demons with his keen swordsmanship.
+
+ Nezuko Kamado
+ Nezuko Kamado is Tanjirou's younger sister, who has been turned into a demon. Despite this, she retains her humanity and fights alongside her brother to protect others.
+
+ Zenitsu Agatsuma
+ Zenitsu Agatsuma is a member of the Demon Slayer Corps and uses Thunder Breathing techniques. He may be cowardly, but he shows great bravery when it counts.
+
+ Inosuke Hashibira
+ Inosuke Hashibira is a wild and feral member of the Demon Slayer Corps who utilizes Beast Breathing techniques. He is known for his boar mask and aggressive nature.
+
+
+
+ Watch Demon Slayer
+ Enjoy an introduction to Demon Slayer with this YouTube video:
+ VIDEO
+
+
+ Name
+ Specialty
+ Image
+
+
+ Naruto Uzumaki
+ Shadow Clone Jutsu
+
+
+ Sasuke Uchiha
+ Sharingan
+
+
+
+ Details of Naruto Heroes
+
+ Naruto Uzumaki
+ Naruto Uzumaki is the main protagonist of Naruto. He is a skilled ninja and possesses the ability to use the Shadow Clone Jutsu. Naruto's dream is to become the Hokage and gain the recognition of the villagers of Konoha.
+
+ Sasuke Uchiha
+ Sasuke Uchiha is a talented ninja with the Sharingan eye technique. He is driven by a desire for revenge against his brother, Itachi. Sasuke's journey takes him on a path of power and darkness.
+
+ Details of Naruto Villains
+
+
+
+ Name
+ Specialty
+ Image
+
+
+ Madara Uchiha
+ Sharingan and Wood Release
+
+
+ Itachi Uchiha
+ Sharingan and Tsukuyomi
+
+
+
+ Madara Uchiha
+ Madara Uchiha is one of the most powerful and feared Uchiha clan members. He played a major role in the history of the ninja world and was a formidable adversary for Naruto and his friends.
+
+ Itachi Uchiha
+ Itachi Uchiha is a complex character who was once a member of the Konoha's Anbu and later a rogue ninja. His actions, including a fateful battle with Sasuke, are central to the plot of Naruto.
+
+ Watch Naruto
+ Enjoy an introduction to Naruto with this YouTube video:
+ VIDEO
+
+You can watch "Naruto" on streaming platforms:
+ Watch on Example Streaming Service
+Discover "Your Name" (Kimi no Na wa)
+
+ If you're new to the world of anime and looking for a captivating film to start with, "Your Name" (Kimi no Na wa) is an excellent choice. This enchanting anime movie directed by Makoto Shinkai has garnered worldwide acclaim for its beautifully animated visuals, heartwarming story, and unforgettable characters.
+
+
+ Main Characters
+
+
+ Name
+ Role
+ Image
+
+
+ Taki Tachibana
+ Hero
+
+
+ Mitsuha Miyamizu
+ Heroine
+
+
+
+
+
+
+ Story
+ "Your Name" tells the tale of Taki Tachibana and Mitsuha Miyamizu, two young individuals living in different worlds. Taki is a high school boy in Tokyo, while Mitsuha is a girl from a rural town. Their lives become inexplicably intertwined when they begin switching bodies during their dreams. As they navigate this extraordinary connection, they embark on a quest to unravel the mysteries of their bond and find each other, even when they are separated by time and space.
+
+
+ Watch "Your Name" Trailer
+ Get a glimpse of the magic in "Your Name" by watching the trailer on YouTube:
+ VIDEO
+
+
+
+ Watch "Your Name" Online
+ You can watch "Your Name" on streaming platforms:
+ Watch on Example Streaming Service
+
+Welcome to the World of My Hero Academia
+
+ Main Characters (Heroes)
+
+
+ Name
+ Quirk
+ Image
+
+
+ Izuku Midoriya
+ One For All
+
+
+ Katsuki Bakugo
+ Explosion
+
+
+
+
+ Main Villains
+
+
+ Name
+ Quirk
+ Image
+
+
+ All For One
+ Quirk Absorption
+
+
+ Tomura Shigaraki
+ Decay
+
+
+
+
+ About My Hero Academia
+ "My Hero Academia" is a popular anime series set in a world where nearly everyone possesses superpowers known as "Quirks." The story follows Izuku Midoriya, a Quirkless boy who aspires to become a hero and follows his journey as he inherits the legendary "One For All" Quirk. The anime explores themes of heroism, friendship, and the challenges of achieving one's dreams in a world filled with both heroes and villains.
+
+ Watch My Hero Academia
+ Explore the world of My Hero Academia with this YouTube video:
+ VIDEO
+ You can watch my hero academia in crunchy roll website. Click the following link to start watching my hero academia
+link to watch my hero academia
+
+
diff --git a/codejam/codejam/ZOCC_logo.png b/codejam/codejam/ZOCC_logo.png
new file mode 100644
index 00000000..322ea8a1
Binary files /dev/null and b/codejam/codejam/ZOCC_logo.png differ
diff --git a/codejam/codejam/index.css b/codejam/codejam/index.css
new file mode 100644
index 00000000..fe855426
--- /dev/null
+++ b/codejam/codejam/index.css
@@ -0,0 +1,51 @@
+* {
+ padding: 0;
+ margin: 0;
+ box-sizing: 0;
+}
+
+.container {
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+}
+.card {
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+
+.card-one {
+ width: 100%;
+}
+
+.card-one img {
+ width: 110%;
+
+}
+.card-two {
+ width: 100%;
+ padding:1rem;
+
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+
+.card-two h1{
+ font-size: 1.5rem;
+}
+
+.card-two h2{
+ font-size: 1.2rem;
+ margin-bottom: 1rem;
+ color: grey;
+}
+
+.card-two a{
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/codejam/codejam/index.html b/codejam/codejam/index.html
new file mode 100644
index 00000000..015db367
--- /dev/null
+++ b/codejam/codejam/index.html
@@ -0,0 +1,29 @@
+
+
+
+ CodeJam - ZeroOne
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
Join
+
+
+
+
+
CodeJam-ZeroOne
+
+
+
+
+
+
+
ZeoOne Code club
+
Student Activity center
+
Register
+
+
+
+
+
CodeJam-ZeroOne
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
Join
+
+
+
CodeJam - ZeroOne
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
join
+
+
+
+
+
+
CodeJam-ZeroOne
+ >
+
+
+
+
+
+
ZeroOne Code club
+
Student Activity center
+
Register
+
+
+
+
+
coderock - ZeroOne
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
Join
+
+
+
+
+
+
CodeJam-Zeroone
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
Join
+
+
+
+
+
CodeJam - ZeroOne
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
Join
+
+
+
+
+
Codejam-ZeroOne
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
Join
+
+
+
CodeJam - ZeroOne
+
+
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
Join
+
+
+
+
+
+
+
Codejam-Zeroone
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity center
+
Join
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/output.jpg b/output.jpg
new file mode 100644
index 00000000..6c8d4ca0
Binary files /dev/null and b/output.jpg differ
diff --git a/pro.css b/pro.css
new file mode 100644
index 00000000..747333be
--- /dev/null
+++ b/pro.css
@@ -0,0 +1,51 @@
+* {
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box
+ ;
+}
+
+.container {
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.card{
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+
+.card-one{
+ width: 100%;
+}
+
+.card-one img{
+ width: 50%;
+}
+
+.card-two{
+ width: 50%;
+ padding: 1rem;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+
+}
+
+.card-two h1{
+ font-size: 1.5rem;
+}
+
+.card-two h2{
+ font-size: 1rem;
+ margin-bottom: 1rem;
+}
+
+.card-two a{
+ text-decoration: none;
+ background-color: bisque;
+ color: chocolate;
+ padding: 5px 9px;
+}
\ No newline at end of file
diff --git a/proj.html b/proj.html
new file mode 100644
index 00000000..fd5f2c85
--- /dev/null
+++ b/proj.html
@@ -0,0 +1,26 @@
+
+
+
+
+
+
CodeJam - ZeroOne
+
+
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
Join
+
+
+
+
+
+
\ No newline at end of file
diff --git a/sil (1).html b/sil (1).html
new file mode 100644
index 00000000..fd5f2c85
--- /dev/null
+++ b/sil (1).html
@@ -0,0 +1,26 @@
+
+
+
+
+
+
CodeJam - ZeroOne
+
+
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
Join
+
+
+
+
+
+
\ No newline at end of file
diff --git a/sil (1).jpeg b/sil (1).jpeg
new file mode 100644
index 00000000..322ea8a1
Binary files /dev/null and b/sil (1).jpeg differ
diff --git a/sil (2).html b/sil (2).html
new file mode 100644
index 00000000..e69de29b
diff --git a/sil-zeroone/ZOCC_logo.png b/sil-zeroone/ZOCC_logo.png
new file mode 100644
index 00000000..baed8509
Binary files /dev/null and b/sil-zeroone/ZOCC_logo.png differ
diff --git a/sil-zeroone/index.css b/sil-zeroone/index.css
new file mode 100644
index 00000000..44b5516b
--- /dev/null
+++ b/sil-zeroone/index.css
@@ -0,0 +1,43 @@
+*{
+ padding: 0%;
+ margin: 0%;
+ box-sizing: border-box;
+}
+.container{
+ height:100vh;
+ width:100%;
+ display:flex;
+ align-items: center;
+ justify-content: center;
+}
+.card{
+ width:20%;
+ display:flex;
+ flex-direction:column;
+}
+.card-one{
+ width:100%;
+}
+.Card-one img{
+ width:100%;
+
+}
+.card-two{
+ width:100%;
+ padding: 1rem;
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+.card-two h1{
+ font-size:1.5 rem;
+}
+.card-two h2{
+ font-size:1.2rem;
+ margin-bottom: 1rem;
+ color: gray;
+}
+.card-two a{
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/sil-zeroone/index.html b/sil-zeroone/index.html
new file mode 100644
index 00000000..c9ffff64
--- /dev/null
+++ b/sil-zeroone/index.html
@@ -0,0 +1,25 @@
+
+
+
+
+
+
CodeJam - ZeroOne
+
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
Join
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/sil.html b/sil.html
new file mode 100644
index 00000000..e69de29b
diff --git a/sil/ZOCC_logo.png b/sil/ZOCC_logo.png
new file mode 100644
index 00000000..7700f743
Binary files /dev/null and b/sil/ZOCC_logo.png differ
diff --git a/sil/index.css b/sil/index.css
new file mode 100644
index 00000000..68a16509
--- /dev/null
+++ b/sil/index.css
@@ -0,0 +1,51 @@
+*{
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+
+.container{
+ height:100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.card{
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+
+.card-one{
+ width: 100%;
+}
+
+.card-one img{
+ width: 100%;
+}
+
+.card-two{
+ width: 100%;
+ padding: 1rem;
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+
+.card-two h1{
+ font-size: 1.5rem;
+}
+
+.card-two h2{
+ font-size: 1.2rem;
+ margin-bottom: 1rem;
+ color: gray;
+}
+
+.card-two a{
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+}
+
diff --git a/sil/index.html b/sil/index.html
new file mode 100644
index 00000000..d25b1b97
--- /dev/null
+++ b/sil/index.html
@@ -0,0 +1,34 @@
+
+
+
+
+
+
CodeJam - ZeroOne
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
Join
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/sudharshan/img1.jpeg b/sudharshan/img1.jpeg
new file mode 100644
index 00000000..322ea8a1
Binary files /dev/null and b/sudharshan/img1.jpeg differ
diff --git a/sudharshan/index.css b/sudharshan/index.css
new file mode 100644
index 00000000..0c998e69
--- /dev/null
+++ b/sudharshan/index.css
@@ -0,0 +1,42 @@
+
+*{
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+.container {
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.card {
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+.card-one {
+ width: 100%;
+}
+.card-one img {
+ width: 100%;
+}
+.card-two {
+ width: 100%;
+ padding: 1rem;
+ box-shadow: rgba(0, 0, 0, 0.35) 0
+}
+.card-two h1 {
+ font-size: 1.5rem;
+}
+.card-two h2 {
+ font-size: 1.2rem;
+ color: gray;
+}
+.card-two a {
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 1px 10px;
+}
\ No newline at end of file
diff --git a/sudharshan/index.html b/sudharshan/index.html
new file mode 100644
index 00000000..68666d05
--- /dev/null
+++ b/sudharshan/index.html
@@ -0,0 +1,24 @@
+
+
+
+
+
+
CodeJam - ZeroOne
+
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
Join
+
+
+
+
+
\ No newline at end of file
diff --git a/tejaa/WhatsApp Image 2024-03-17 at 14.50.52_53a7e705.png b/tejaa/WhatsApp Image 2024-03-17 at 14.50.52_53a7e705.png
new file mode 100644
index 00000000..83135fc6
Binary files /dev/null and b/tejaa/WhatsApp Image 2024-03-17 at 14.50.52_53a7e705.png differ
diff --git a/tejaa/index.css b/tejaa/index.css
new file mode 100644
index 00000000..9ef25154
--- /dev/null
+++ b/tejaa/index.css
@@ -0,0 +1,50 @@
+*{
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+
+}
+
+.container {
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.card{
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+
+}
+
+.card-one{
+ width: 100%;
+}
+.card-one img{
+ width: 100%;
+}
+
+.card-two{
+ width: 100%;
+ padding:1rem;
+
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+.card-two h1{
+font-size:1.5rem;
+}
+.card-two h2{
+ font-size: 1.2rem;
+ margin-bottom: 1rem ;
+ color: grey;
+}
+
+.card-two a{
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/tejaa/index.html b/tejaa/index.html
new file mode 100644
index 00000000..aaf63346
--- /dev/null
+++ b/tejaa/index.html
@@ -0,0 +1,31 @@
+
+
+
+
+
+
CodeJam-Zeroone
+
+
+
+
+
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
Join
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/vscode/index.css b/vscode/index.css
new file mode 100644
index 00000000..476eefba
--- /dev/null
+++ b/vscode/index.css
@@ -0,0 +1,46 @@
+* {
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+
+.container {
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.card{
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+.card-one{
+ width: 100%;
+}
+.card-one img{
+ width: 100%;
+}
+.card-two{
+ width: 100%;
+ padding: 1rem;
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;;
+
+}
+
+.card-two h1{
+ font-size: 1.5rem;
+}
+.card-two h2{
+ font-size: 1.2rem;
+ margin-bottom: 1rem;
+ color: gray;
+}
+
+.card-two a{
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/vscode/index.html b/vscode/index.html
new file mode 100644
index 00000000..abea0dbd
--- /dev/null
+++ b/vscode/index.html
@@ -0,0 +1,32 @@
+
+
+
+
+
+
Codejam-Zeroone
+
+
+
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity center
+
Join
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/vscode/zero.jpg b/vscode/zero.jpg
new file mode 100644
index 00000000..6c8d4ca0
Binary files /dev/null and b/vscode/zero.jpg differ
diff --git a/z1.jpeg b/z1.jpeg
new file mode 100644
index 00000000..322ea8a1
Binary files /dev/null and b/z1.jpeg differ
diff --git a/zero one/ZOCC_logo.png b/zero one/ZOCC_logo.png
new file mode 100644
index 00000000..baed8509
Binary files /dev/null and b/zero one/ZOCC_logo.png differ
diff --git a/zero one/index.css b/zero one/index.css
new file mode 100644
index 00000000..4345aa32
--- /dev/null
+++ b/zero one/index.css
@@ -0,0 +1,44 @@
+*{
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+.container{
+ height: 100vh ;
+
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.card{
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+.card-one{
+ width: 100%;
+
+}
+.card-one img{
+ width: 100%;
+}
+.card-two{
+ width: 100%;
+ padding: 1rem;
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+.card-two h1 {
+ font-size: 1.5rem;
+}
+.card-two h2{
+ font-size: 1.2rem;
+ margin-bottom: 1rem;
+ color: grey;
+}
+.card-two a{
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/zero one/index.html b/zero one/index.html
new file mode 100644
index 00000000..b556309e
--- /dev/null
+++ b/zero one/index.html
@@ -0,0 +1,25 @@
+
+
+
+
+
+
CodeJam - ZeroOne
+
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
Join
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/zero one/zerone1.css b/zero one/zerone1.css
new file mode 100644
index 00000000..68f09cee
--- /dev/null
+++ b/zero one/zerone1.css
@@ -0,0 +1,113 @@
+@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&family=Caveat:wght@400;700&family=Lobster&family=Monoton&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display+SC:ital,wght@0,400;0,700;1,700&family=Playfair+Display:ital,wght@0,400;0,700;1,700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&family=Source+Sans+Pro:ital,wght@0,400;0,700;1,700&family=Work+Sans:ital,wght@0,400;0,700;1,700&display=swap');
+
+.bg-container {
+ background-image: url("https://ecopolitic.com.ua/wp-content/uploads/2021/02/shutterstock_1489943129-750x500.jpg");
+ height: 90vh;
+ background-size: cover;
+}
+
+.tourism-card {
+ text-align: center;
+ background-color: white;
+ border-top-left-radius: 25px;
+ border-top-right-radius: 25px;
+ padding: 5px;
+}
+
+.button {
+ color: white;
+ background-color: #25b1cc;
+ width: 138px;
+ height: 36px;
+ border-width: 0px;
+ border-radius: 20px;
+}
+
+.main-heading {
+ font-family: "Roboto";
+}
+
+.paragraph {
+ font-family: "Roboto";
+}
+
+.favourite-places-bg-container {
+ background-image: url("https://www.constructionworld.in/assets/uploads/25786fda217e8262b41b9682024dcbd8.jpg");
+ height: 100vh;
+ background-size: cover;
+ padding: 24px;
+}
+
+.favourite-places-heading {
+ color: white;
+ font-family: "Roboto";
+ font-size: 28px;
+ font-weight: bold;
+}
+
+.favourite-place-card-container {
+ background-color: white;
+ border-radius: 8px;
+ padding: 16px;
+ margin-bottom: 15px;
+}
+
+.favourite-place-card-heading {
+ color: #0f0e46;
+ font-family: "Roboto";
+ font-size: 23px;
+ font-weight: bold;
+}
+
+.favourite-place-card-description {
+ color: #6c6b70;
+ font-family: "Roboto";
+ font-size: 13px;
+}
+
+.favourite-place-card-image {
+ width: 80px;
+ height: 100px;
+}
+
+.favourite-place-card-text-container {
+ margin-right: 15px;
+}
+
+.detailed-view-bg-container {
+ background-image: url("https://img.etimg.com/thumb/msid-98722979,width-1200,height-900,imgsize-195910,overlay-etrise/photo.jpg");
+ height: 150vh;
+ background-size: cover;
+}
+
+.detailed-view-heading {
+ color: white;
+ font-family: "Roboto";
+ font-size: 28px;
+ font-weight: bold;
+ padding: 24px;
+}
+
+.detailed-view-card-container {
+ background-color: white;
+ border-bottom-right-radius: 8px;
+ border-bottom-left-radius: 8px;
+ margin: 24px;
+}
+
+.detailed-view-card-heading {
+ color: #0f0e46;
+ font-family: "Roboto";
+ font-size: 23px;
+ font-weight: bold;
+}
+
+.detailed-view-card-description {
+ color: #6c6b70;
+ font-family: "Roboto";
+ font-size: 13px;
+}
+
+.detailed-view-card-text-container {
+ padding: 16px;
+}
\ No newline at end of file
diff --git a/zero one/zeroneclub1.html b/zero one/zeroneclub1.html
new file mode 100644
index 00000000..461e38de
--- /dev/null
+++ b/zero one/zeroneclub1.html
@@ -0,0 +1,284 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
RK CEMENT CORPORATION
+
THE COMPANY WHICH SELL STEEL RELATED PRODUCTS WHOLE SALE
+
+ VIEW PRODUCTS
+
+
+
+
+
+
+
Products avaiable
+
+
+
Binding wire
+
+ Binding Wire is used for the purpose of tying applications in the field of construction.
+ It is used extensively in the construction sector for tying the rebars at
+ the junctions/joints so as to keep the structure intact. Binding wire is made of mild steel
+
+
+
+
+
+
+
+
TMT
+
+ 6mm TMT bars are an excellent choice for constructing window shades, kitchen counters, stirrups, railings,
+ parapets, and other similar structures
+ . 6mm TMT bars are used for a variety of purposes
+
+
+
+
+
+
+
Nails
+
+ nail, in construction and carpentry, a slender metal shaft that is pointed at one end and flattened
+ at the other end and is used for fastening one or more objects to each other. Nails are most commonly used to fasten pieces of wood together
+ , but they are also used with plastic, drywall, masonry, and concrete.
+
+
+
+
+
+
+
Tile Grouts
+
+ Tile Grout is a ready mixed flexible cement based powder
+ . The product contains additives which improve water resistance and workability
+ . It has been specially formulated to provide low shrinkage.
+
+
+
+
+
+ back
+
+
+
+
+
+
Detailed View
+
+
+
+
Binding wire
+
+ Binding Wire is used for the purpose of tying applications in the field of construction. It is used extensively in the construction sector for tying the rebars at the junctions/joints so as to keep the structure intact. Binding wire is made of mild steel.
+
+ TYPES OF BINDING WIRES
+ Binding wire has the following types where they are used.
+
+ Constructional Binding Wire, Made by Straightened Cut Wire,
+ Black Annealed Binding Wire,For Daily Tying Uses,
+ Galvanized Iron Binding Wire,
+ Small Coil Rebar Wire,
+ Tie Loop Tie Wire,
+ Binding Wire for Packing,
+ U Type Binding Wire,
+ Book Binding Wire(Stitching Wire),
+ Galvanized Wire,
+ Stainless Steel Wire,
+ Brass Wire Aluminum Wire,
+ PVC coated binding wire...
+
+
+
+
+ back
+
+
+
+
+
+
Detailed View
+
+
+
+
TMT
+
+ hermo-Mechanically Treated bars are high-strength reinforcement bars having a tough outer core and a soft inner core. The very first step of the manufacturing process involves passing the steel wires through a rolling mill stand. Thereafter
+ , these rolled steel wires are again passed through the Tempcore water cooling system.
+ \While passing the wires through the water cooling system, the water pressure is optimised.
+ The sudden quenching and drastic change in temperature toughen the outer layer of the steel bar, thus making it super tough and durable. Once this process is over, the TMT bars are subject to atmospheric cooling. This is done in order to equalise the temperature difference between the soft inner core and the tough exterior. Once the TMT bar cools down, it slowly turns into a ferrite-pearlite mass. The inner core remains soft giving the TMT bar great tensile strength and elongation point. This design is unique to the TMT bars and gives superior ductility to the bars. Also, this unique manufacturing technique and the absence of Cold stress make this bar corrosion-resistant and boost its weldability.
+
+ This same manufacturing process is used to manufacture high-quality SRMB TMT bars.
+ This delivers greater tensile strength to the TMT bars. The most important features of SRMB TMT bar include higher elongation. This improves the bend/re-bend properties or the TMT bars, thus making it safe from natural calamities such as an earthquake.
+
+
+
+
+
+ back
+
+
+
+
+
+
Detailed View
+
+
+
+
Nails
+
+ Nails were formerly made of bronze or wrought iron and were crafted by blacksmiths and nailors. These crafts people used a heated square iron rod that they forged before they hammered the sides which formed a point. After reheating and cutting off,
+ the blacksmith or nailor inserted the hot nail into an opening and hammered it
+ .[17] Later new ways of making nails were created using machines
+ to shear the nails before wiggling the bar sideways to produce a shank. For example, the Type A cut nails were sheared from an iron bar type guillotine using early machinery. This method was slightly altered until the 1820s when new heads on the nails' ends were pounded via a separate mechanical nail heading machine. In the 1810s, iron bars were flipped over after each stroke while the cutter set was at an angle. Every nail was then sheared off of taper allowing for an automatic grip of each nail which also formed their heads.[17] Type B nails were created this way. In 1886, 10 percent of the nails that were made in the United States were of the soft steel wire variety and by 1892, steel wire nails overtook iron cut nails as the main type of nails that were being produced. In 1913, wire nails were 90 percent of all nails that were produced.[17]
+
+ Today's nails are typically made of steel, often dipped or coated to
+ prevent corrosion in harsh conditions or to improve adhesion. Ordinary nails for wood are usually of a soft, low-carbon or "mild" steel (about 0.1% carbon, the rest iron and perhaps a trace of silicon or manganese). Nails for concrete are harder, with 0.5–0.75% carbon.[citation needed]
+
+
+
+
+
+ back
+
+
+
+
+
+
Detailed View
+
+
+
+
Tile grouts
+
+ Tile joint (Grouts) fillers are used in the space between adjoining tiles laid either on the floor or walls
+ . Traditionally, tiling is done by placing tiles close with white cement used to fill the tile joints instead of tile joint fillers. White cement tends to break easily,
+ leading to dirty/ stained tile joints, water seepage and growth of fungus/ bacteria.
+ Grout is used as a filler for the joints between tiles once the tile you are installing has been set.
+ Most grouts are a powdered mix of cement, lime,
+ color pigment and sometimes sand that hardens when mixed with water and left to cure.
+
+
+
+
+ back
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/zeroone/index.css b/zeroone/index.css
new file mode 100644
index 00000000..cae17044
--- /dev/null
+++ b/zeroone/index.css
@@ -0,0 +1,43 @@
+* {
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+.container {
+ height: 100vh;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.card {
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+}
+.card-one {
+ width: 100%;
+}
+.card-one img {
+ width: 100%;
+}
+.card-two {
+ width: 100%;
+ padding: 1rem;
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+.card-two h1 {
+ font-size: 1.5rem;
+}
+.card-two h2 {
+ font-size: 1.2rem;
+ margin-bottom: 1rem;
+ color: grey;
+}
+
+.card-two a{
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+}
\ No newline at end of file
diff --git a/zeroone/index.html b/zeroone/index.html
new file mode 100644
index 00000000..88bae198
--- /dev/null
+++ b/zeroone/index.html
@@ -0,0 +1,26 @@
+
+
+
+
+
+
CodeJam - ZeroOne
+
+
+
+
+
+
+
+
+
+
ZeroOne Code Club
+
Student Activity Center
+
+
Join
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/zeroone/zeroone.png b/zeroone/zeroone.png
new file mode 100644
index 00000000..d6025686
Binary files /dev/null and b/zeroone/zeroone.png differ
diff --git a/zeroonecodejam/ZOCC_logo.png b/zeroonecodejam/ZOCC_logo.png
new file mode 100644
index 00000000..baed8509
Binary files /dev/null and b/zeroonecodejam/ZOCC_logo.png differ
diff --git a/zeroonecodejam/index.css b/zeroonecodejam/index.css
new file mode 100644
index 00000000..59b002a0
--- /dev/null
+++ b/zeroonecodejam/index.css
@@ -0,0 +1,43 @@
+*{
+ padding: 0;
+ margin: 0;
+ box-sizing:border-box;
+}
+.container{
+ height:100vh;
+ width:100%;
+ display: flex;
+ align-items:center;
+ justify-content:center;
+}
+.card{
+ width:20%;
+ display:flex;
+ flex-direction:column ;
+}
+.card-one{
+ width:100%;
+}
+.card-one img{
+ width:100%;
+}
+.card-two{
+ width:100%;
+ padding:1rem;
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+.card-two h1{
+ font-size:1.5rem;
+}
+.card-two h2{
+ font-size:1.2rem;
+ margin-bottom: 1rem;
+ color: grey;
+}
+.card-two a{
+ text-decoration: none;
+ background-color: black;
+ color: white;
+ padding: 5px 10px;
+
+}
\ No newline at end of file
diff --git a/zeroonecodejam/index.html b/zeroonecodejam/index.html
new file mode 100644
index 00000000..35833b8c
--- /dev/null
+++ b/zeroonecodejam/index.html
@@ -0,0 +1,26 @@
+
+
+
+
+
+
CodeJam-Zeroone
+
+
+
+
+
+
+
+
+
+
+
ZeroOne code club
+
Student Activity Center
+
Join
+
+
+
+
+
+
\ No newline at end of file
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+ 
+ 
+ + ++ + + +
+
+
+ 
+ + ++ + + +
+
+
+ 
+ 
+ + ++ + + +
+ + ++ + + +
+ + ++ + + +
+ + ++ + + +
+ + ++ + + +
+ + ++ + + +
+ 
+ 
+ + ++ + + +
+ + ++ + + +
+ + ++ + + +
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+ 
+ 
+ 
+ 
+
+ 
+ 
+ 
+ 
+ 
+
+ 
+ 
+ 
+ 
+ 
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+