diff --git a/images/1.jpeg b/images/1.jpeg new file mode 100644 index 0000000..c35b06e Binary files /dev/null and b/images/1.jpeg differ diff --git a/images/2.jpeg b/images/2.jpeg new file mode 100644 index 0000000..8665aac Binary files /dev/null and b/images/2.jpeg differ diff --git a/images/3.jpeg b/images/3.jpeg new file mode 100644 index 0000000..d1e9f91 Binary files /dev/null and b/images/3.jpeg differ diff --git a/images/4.jpeg b/images/4.jpeg new file mode 100644 index 0000000..7236d8d Binary files /dev/null and b/images/4.jpeg differ diff --git a/images/5.jpeg b/images/5.jpeg new file mode 100644 index 0000000..3ded9a7 Binary files /dev/null and b/images/5.jpeg differ diff --git a/images/6.jpeg b/images/6.jpeg new file mode 100644 index 0000000..0d1ce25 Binary files /dev/null and b/images/6.jpeg differ diff --git a/images/facebook-img.png b/images/facebook-img.png new file mode 100644 index 0000000..77c35e5 Binary files /dev/null and b/images/facebook-img.png differ diff --git a/images/git-hub.webp b/images/git-hub.webp new file mode 100644 index 0000000..7427905 Binary files /dev/null and b/images/git-hub.webp differ diff --git a/images/header-line.png b/images/header-line.png new file mode 100644 index 0000000..9a3348b Binary files /dev/null and b/images/header-line.png differ diff --git a/images/insta logo.webp b/images/insta logo.webp new file mode 100644 index 0000000..100cf8f Binary files /dev/null and b/images/insta logo.webp differ diff --git a/images/krutagnata.jpg b/images/krutagnata.jpg new file mode 100644 index 0000000..7cc42f3 Binary files /dev/null and b/images/krutagnata.jpg differ diff --git a/images/linkedin logo.png b/images/linkedin logo.png new file mode 100644 index 0000000..080b4c5 Binary files /dev/null and b/images/linkedin logo.png differ diff --git a/images/logo.jpeg b/images/logo.jpeg new file mode 100644 index 0000000..8910142 Binary files /dev/null and b/images/logo.jpeg differ diff --git a/images/students.png b/images/students.png new file mode 100644 index 0000000..67892ca Binary files /dev/null and b/images/students.png differ diff --git a/images/twitter.png b/images/twitter.png new file mode 100644 index 0000000..5ce723c Binary files /dev/null and b/images/twitter.png differ diff --git a/main.html b/main.html new file mode 100644 index 0000000..e935d0b --- /dev/null +++ b/main.html @@ -0,0 +1,87 @@ + + + + + + + ACM Krutagnata Website + + + + + + + + + + + + +

Welcome to Krutagnata!

+ +

ACM's Krutagnata is the social initiatives wing of ACM that aims at making a differrence in every little way. + It is an opportunity to make a difference to society! It is an auxillary SIG of ACM. +

+
+

Shiksha is a Krutagnata initiative wherein the members of ACM Krutagnata conduct weekly classes with the aim to teach the basics of computer science to students of the NITK Kannada Medium School.

+ +
+ + + + + + + + +
+ +
+ + + + + + \ No newline at end of file diff --git a/main.js b/main.js new file mode 100644 index 0000000..6f67756 --- /dev/null +++ b/main.js @@ -0,0 +1,14 @@ +function darkMode() +{ + var element = document.body; + element.classList.toggle("dark-mode"); + + +} +let inputOne=document.getElementById("first-name"); +let inputTwo=document.getElementById("last-name"); +let inputThree=document.getElementById("why"); +var submit=document.getElementById("submit"); + + + \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..eaebc26 --- /dev/null +++ b/styles.css @@ -0,0 +1,112 @@ + + +/* .nav +{ + height:8rem; + + + width: 100vw; + margin:0px; + +} */ +li +{ + font-size: 1.5rem; +} +.acm-logo +{ + height: 20%; + width: 10%; +} +.button +{ + border-radius: 20px; + background-color: white; + border-width: 1px; +} +body{ + + background-color: whitesmoke; + /* color:black; */ + + + } + .dark-mode + { + background-color: rgba(0, 0, 0, 0.4); + color: white; + } + .light-mode { + background-color: grey; + color: black; + } + +#welcome +{ + font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + font-weight: 200; + color: #021e35; + text-align: center; + padding-top: 5%; + font-size: 60px; + + +} +.header-line +{ + padding-left:8%; + + +} +#intro +{ + font-size:30px; + padding-left:10%; padding-right: 10%; +} +.images-under +{ + padding-left:15rem ; + padding-top: 1rem; + +} + +#images-section +{ + display:flexbox; + padding-top: 50px; + padding-bottom: 20px; +} +#img1,#img2,#img3,#img4,#img5 +{ + padding-top:3%; + height: 40vh; + width: 40vw; +} +#img5 +{ + display: block; + margin-left: 20%; + margin-right: 40%; + padding-bottom: 20px; +} +hr{ + opacity: 0.6; + border-width: 1.2px; + padding-left: 2px; + } +.foot +{ + display: block; + text-align: center; + font-size: 1.5rem; + padding-bottom: 5%; + +} +.logo1{ + height: 30px; + width: 30px; + } +#author +{ + padding-top:5px; +} \ No newline at end of file