Skip to content

Commit 1505298

Browse files
vardhansanagapallivardhansanagapalli
committed
Updated Files
1 parent 425ef93 commit 1505298

File tree

12 files changed

+1736
-1013
lines changed

12 files changed

+1736
-1013
lines changed

‎aiml.html‎

Lines changed: 188 additions & 108 deletions
Original file line numberDiff line numberDiff line change
@@ -348,8 +348,6 @@
348348
}
349349

350350

351-
352-
353351
.footer {
354352
padding: 30px;
355353
background: black;
@@ -519,27 +517,22 @@
519517
.dropdown:hover .dropdown-menu {
520518
display: block;
521519
}
522-
523520
@media (max-width: 768px){
524521
.nav-links {
525522
display: none !important; /* Force the rule to apply */
526523
}
527524

528525
.dropdown {
529-
display: block;
526+
display: flex;
530527
}
531528

532-
.logo{
533-
margin: 0 !important;
529+
.join-us{
530+
display: none;
534531
}
535532

536533
.logo img{
537534
width: 200px !important;
538535
}
539-
540-
.join-us{
541-
display: none;
542-
}
543536
.profile-pics img{
544537
height: 45px !important;
545538
width: 45px !important;
@@ -551,25 +544,113 @@
551544
}
552545

553546
.dropdown {
554-
display: block;
547+
display: flex;
555548
}
556549

557-
.logo{
558-
margin: 0 !important;
550+
.join-us{
551+
display: none;
559552
}
560553

561554
.logo img{
562555
width: 200px !important;
563556
}
564-
565-
.join-us{
566-
display: none;
567-
}
568557
.profile-pics img{
569558
height: 35px !important;
570559
width: 35px !important;
571560
}
572561
}
562+
@media (max-width: 640px){
563+
.rectangle-box .text-content h2 {
564+
font-size: 1rem;
565+
margin-bottom: 7px;
566+
}
567+
}
568+
@media (max-width:560px){
569+
.rectangle-box .text-content h2 {
570+
font-size: 0.8rem;
571+
margin-bottom: 7px;
572+
}
573+
}
574+
@media (max-width:472px){
575+
.rectangle-box .text-content h2 {
576+
font-size: 0.6rem;
577+
margin-bottom: 5px;
578+
}
579+
.rectangle-box .text-content p {
580+
font-size: 0.6rem;
581+
margin-bottom: 8px;
582+
}
583+
.board-tag {
584+
display: inline-block;
585+
padding: 3px 10px;
586+
font-size: 0.6rem;
587+
font-weight: bold;
588+
background: rgba(61, 57, 128, 0.467);
589+
border-radius: 20px;
590+
}
591+
}
592+
@media (max-width:437px){
593+
.aiml-body .view-now {
594+
padding: 0.3rem 0.5rem;
595+
}
596+
.profile-pics img {
597+
height: 30px !important;
598+
width: 30px !important;
599+
}
600+
}
601+
@media (max-width:390px){
602+
.rectangle-box .text-content h2 {
603+
font-size: 0.5rem;
604+
margin-bottom: 3px;
605+
}
606+
.rectangle-box .text-content p {
607+
font-size: 0.5rem;
608+
margin-bottom: 5px;
609+
}
610+
.board-tag {
611+
display: inline-block;
612+
padding: 3px 10px;
613+
font-size: 0.5rem;
614+
font-weight: bold;
615+
background: rgba(61, 57, 128, 0.467);
616+
border-radius: 20px;
617+
}
618+
.aiml-body h2 {
619+
font-size: 1rem;
620+
color: white;
621+
margin-bottom: 1rem;
622+
padding-top: 12px;
623+
position: relative;
624+
}
625+
.aiml-body .view-now {
626+
padding: 0.1rem 0.2rem;
627+
}
628+
}
629+
@media (max-width:354px){
630+
.rectangle-box .text-content h2 {
631+
font-size: 0.45rem;
632+
margin-bottom: 3px;
633+
}
634+
.rectangle-box .text-content p {
635+
font-size: 0.45rem;
636+
margin-bottom: 5px;
637+
}
638+
.board-tag {
639+
display: inline-block;
640+
padding: 3px 10px;
641+
font-size: 0.45rem;
642+
font-weight: bold;
643+
background: rgba(61, 57, 128, 0.467);
644+
border-radius: 20px;
645+
}
646+
.aiml-body .view-now {
647+
padding: 0.1rem 0.1rem;
648+
}
649+
.profile-pics img {
650+
height: 25px !important;
651+
width: 25px !important;
652+
}
653+
}
573654
</style>
574655
</head>
575656
<body>
@@ -682,98 +763,97 @@ <h2>P. Samita</h2>
682763
</div>
683764
</div>
684765
</section>
685-
686-
<div class="footer-1">
687-
<div>
688-
<h1 id="wws">Work with Us</h1>
689-
<p id="mang">
690-
Mangcoding is a biggest company in Indonesia, who provides the
691-
services in <br />
692-
Development Website, Shopify and WordPress
693-
</p>
694-
</div>
695-
<div>
696-
<a href="https://chat.whatsapp.com/GNHGWxEbHXZLYkDuuTdHRO" ><button class="button">Know More &#x2197;</button></a>
697-
</div>
698-
</div>
699-
700-
<!-- Footer Section -->
701-
<footer class="footer">
702-
<div class="footer-container">
703-
704-
<div class="footer-section">
705-
<h3>GitHub Community GITAM</h3>
706-
<p>
707-
A collaborative space for developers to share, contribute, and grow
708-
open-source projects together
709-
</p>
710-
</div>
711-
712-
<div class="footer-section our-domains">
713-
<h3>Tech</h3>
714-
<a href="webdev.html">Web Development</a>
715-
<a href="aiml.html">AI/ML</a>
716-
<a href="uiux.html">UI/UX</a>
717-
<a href="websec.html">Web Security</a>
718-
<a href="ds.html">Data Science</a>
719-
720-
</div>
721-
722-
<div class="footer-section non-tech">
723-
<h3>Non Tech</h3>
724-
<a href="pr.html">PR</a>
725-
<a href="content.html">Content</a>
726-
<a href="design.html">Design</a>
727-
</div>
728-
729-
730-
<div class="footer-section support-feedback">
731-
<h3>Support and Feedback</h3>
732-
<a href="https://forms.gle/QJBZLxagwwYtde1V6">Report Issues</a>
733-
<a href="https://forms.gle/rP2nfMbBfrSawP9U7">Feedback Form</a>
734-
<a href="https://forms.gle/44EXptFiCFMWnMhi6">Community Forums</a>
735-
</div>
736-
</div>
737-
738-
<div class="footer-bottom">
739-
<p>&copy; 2024 GitHub Community GITAM. All rights reserved</p>
740-
741-
<!-- Footer Links -->
742-
<div class="footer-links">
743-
<a href="https://maps.app.goo.gl/JzcVkQjR2Prvsgrq7">Visakhapatnam</a>
744-
<a href="#"> Hyderabad</a>
745-
<a href="#"> Banglore</a>
746-
</div>
747-
766+
767+
<div class="footer-1">
768+
<div>
769+
<h1 id="wws">Work with Us</h1>
770+
<p id="mang">
771+
Mangcoding is a biggest company in Indonesia, who provides the
772+
services in <br />
773+
Development Website, Shopify and WordPress
774+
</p>
775+
</div>
776+
<div>
777+
<a href="https://chat.whatsapp.com/GNHGWxEbHXZLYkDuuTdHRO" ><button class="button">Know More &#x2197;</button></a>
778+
</div>
779+
</div>
780+
781+
<footer class="footer">
782+
<div class="footer-container">
783+
784+
<div class="footer-section non-tech">
785+
<h3>GitHub Community GITAM</h3>
786+
<p>
787+
A collaborative space for developers to share, contribute, and grow
788+
open-source projects together
789+
</p>
790+
</div>
791+
792+
<div class="footer-section non-tech">
793+
<h3>Tech</h3>
794+
<a href="webdev.html">Web Development</a>
795+
<a href="aiml.html">AI/ML</a>
796+
<a href="uiux.html">UI/UX</a>
797+
<a href="websec.html">Web Security</a>
798+
<a href="ds.html">Data Science</a>
748799

749-
<div class="social-icons">
750-
<a
751-
href="https://www.instagram.com/githubcommunitygitam/"
752-
target="_blank"
753-
aria-label="Instagram"
754-
class="fab fa-instagram"
755-
></a>
756-
<a
757-
href="https://chat.whatsapp.com/GNHGWxEbHXZLYkDuuTdHRO"
758-
target="_blank"
759-
aria-label="WhatsApp"
760-
class="fab fa-whatsapp"
761-
></a>
762-
<a
763-
href="https://www.linkedin.com/company/githubcommunitygitam/posts/?feedView=all"
764-
target="_blank"
765-
aria-label="LinkedIn"
766-
class="fab fa-linkedin"
767-
></a>
768-
<a
769-
href="https://github.com/github-community-gitam"
770-
target="_blank"
771-
aria-label="github"
772-
class="fab fa-github"
773-
></a>
774-
</div>
775-
</div>
776-
</footer>
800+
</div>
801+
802+
<div class="footer-section non-tech">
803+
<h3>Non Tech</h3>
804+
<a href="pr.html">PR</a>
805+
<a href="content.html">Content</a>
806+
<a href="design.html">Design</a>
807+
</div>
808+
809+
<div class="footer-section non-tech">
810+
<h3>GitHub GITAM Campuses</h3>
811+
<a href="pr.html">Visakhapatnam</a>
812+
<a href="content.html">Hyderabad</a>
813+
<a href="design.html">Banglore</a>
814+
</div>
815+
816+
817+
<div class="footer-section non-tech">
818+
<h3>Support and Feedback</h3>
819+
<a href="https://forms.gle/QJBZLxagwwYtde1V6">Report Issues</a>
820+
<a href="https://forms.gle/rP2nfMbBfrSawP9U7">Feedback Form</a>
821+
<a href="https://forms.gle/44EXptFiCFMWnMhi6">Community Forums</a>
822+
</div>
823+
</div>
824+
825+
<div class="footer-bottom">
826+
<p>&copy; 2024 GitHub Community GITAM. All rights reserved</p>
827+
828+
<div class="social-icons">
829+
<a
830+
href="https://www.instagram.com/githubcommunitygitam/"
831+
target="_blank"
832+
aria-label="Instagram"
833+
class="fab fa-instagram"
834+
></a>
835+
<a
836+
href="https://chat.whatsapp.com/GNHGWxEbHXZLYkDuuTdHRO"
837+
target="_blank"
838+
aria-label="WhatsApp"
839+
class="fab fa-whatsapp"
840+
></a>
841+
<a
842+
href="https://www.linkedin.com/company/githubcommunitygitam/posts/?feedView=all"
843+
target="_blank"
844+
aria-label="LinkedIn"
845+
class="fab fa-linkedin"
846+
></a>
847+
<a
848+
href="https://github.com/github-community-gitam"
849+
target="_blank"
850+
aria-label="github"
851+
class="fab fa-github"
852+
></a>
853+
</div>
854+
</div>
855+
</footer>
856+
777857

778858
<script src="./app.js"></script>
779859
<script src="./script.js"></script>

‎app.js‎

Lines changed: 24 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -33,17 +33,30 @@ document.addEventListener("DOMContentLoaded", function () {
3333
}
3434
}
3535
});
36-
3736
function toggleMenu() {
38-
const navLinks = document.querySelector('.nav-links');
39-
const hamburgerButton = document.querySelector('.hamburger-button');
40-
navLinks.classList.toggle('open');
41-
42-
if (navLinks.classList.contains('open')) {
43-
hamburgerButton.innerHTML = '&#10005;'; // Change to 'X' when open
44-
} else {
45-
hamburgerButton.innerHTML = '&#9776;'; // Change back to hamburger icon
37+
const navLinks = document.querySelector('.nav-links');
38+
const hamburgerButton = document.querySelector('.hamburger-button');
39+
40+
// Toggle the 'open' class for nav links
41+
navLinks.classList.toggle('open');
42+
43+
// Update the hamburger icon based on state
44+
if (navLinks.classList.contains('open')) {
45+
hamburgerButton.innerHTML = '&#10005;'; // Change to 'X' when open
46+
} else {
47+
hamburgerButton.innerHTML = '&#9776;'; // Change back to hamburger icon
48+
}
4649
}
47-
}
48-
4950

51+
// Close the menu when clicking outside
52+
document.addEventListener('click', (event) => {
53+
const navLinks = document.querySelector('.nav-links');
54+
const hamburgerButton = document.querySelector('.hamburger-button');
55+
56+
// Check if the click is outside the menu and hamburger button
57+
if (!navLinks.contains(event.target) && !hamburgerButton.contains(event.target)) {
58+
navLinks.classList.remove('open');
59+
hamburgerButton.innerHTML = '&#9776;'; // Reset to hamburger icon
60+
}
61+
});
62+

0 commit comments

Comments
 (0)