diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..a3ca898 --- /dev/null +++ b/contact.html @@ -0,0 +1,104 @@ + + + + + + Privacy Policy - DSC UNILAG + + + + + + + + + + + + + +
+ + + Join GDSC + +
+ + + +
+
+ +
+
+
+
+ + +
+
+ + +
+
+ + + + + + + + + + + + + +
+ + +
+ + +
+
+
+
+ + + \ No newline at end of file diff --git a/css/styles.css b/css/styles.css index 3c4a4f1..afbf349 100644 --- a/css/styles.css +++ b/css/styles.css @@ -4,11 +4,6 @@ box-sizing: border-box; } -html, body { - /* width: 100vw; */ - /* overflow-x: hidden; */ -} - body { background: #f1f3f4; font-family: 'Google Sans'; @@ -120,6 +115,11 @@ nav ul li a:hover { color: #4285F4; background: #fff; } +.main { + max-width: 1200px; + margin: 0 auto; + padding: 0 20px 20px; +} .hero { position: relative; @@ -709,6 +709,157 @@ header.hidden-sm { align-items: center; padding: 0 0.3rem; } +.hero .doodle { + position: absolute; + z-index: -1; +} +.hero .doodle:nth-child(1) { + top: 50px; + left: 7%; +} +.hero .doodle:nth-child(2) { + top: 200px; + right: 5%; +} +.faq-container { + max-width: 1000px; + margin: 0 auto 100px; +} +.faq-card { + padding: 15px 20px; + margin: 0 15px 15px; + border-radius: 10px; + cursor: pointer; +} +.question-expand { + display: flex; + align-items: center; + justify-content: space-between; +} +.question { + font-weight: bold; +} +.expand { + border-radius: 100%; + padding: 1.5px 2px 0 2px; + opacity: 0.8; + background-color: #000; + background-blend-mode: multiply; +} +.answer { + display: none; +} +.answer ul { + padding: 10px 0 0 20px; +} +.faq-card:nth-child(1), .faq-card:nth-child(5) { + background-color: #B3CEFB; + border: 1px #b4d1ff solid; +} +.faq-card:nth-child(2), .faq-card:nth-child(6) { + background-color: #ADDCBC; + border: 1px #75ffa3 solid; +} +.faq-card:nth-child(3), .faq-card:nth-child(7) { + background-color: #FDDDA6; + border: 1px #ffb73b solid; +} +.faq-card:nth-child(4), .faq-card:nth-child(8) { + background-color: #FBD9D7; + border: 1px #ffb4b0 solid; +} +.privacy-hero { + display: flex; + justify-content: center; + background: #31A858; + padding: 30px; + color: #fff; + border-radius: 18.17px; + margin: 40px 0; +} +.privacy h1 { + text-align: center; +} +.privacy h2, h3 { + margin: 20px 0; +} +.privacy p { + margin: 20px 0; +} +.privacy ul { + margin-left: 20px; +} +.contact { + display: flex; + gap: 50px; + flex-direction: row; + margin: 20px auto; + max-width: 1000px; +} +.contact .sidebar { + padding: 30px; + color: #fff; + background: #0F9D58; + border-radius: 20px; + width: 30%; +} +.contact p.title { + font-size: 20px; + margin-bottom: 15px; +} +.contact .info-container { + margin: 20px 0; + font-size: 15px; +} +.contact .form { + flex: 1 +} +.contact .row { + display: flex; + gap: 40px; + justify-content: space-between; + margin: 10px 0; +} +.contact .input { + flex: 1; +} +.contact label { + font-weight: bold; +} +.contact input:not(.checkbox), .contact textarea { + display: block; + padding: 10px; + margin: 10px 0 20px; + width: 100%; + border-radius: 5px; + border: 1px solid #AEAEAE; +} +.contact .confirm { + display: flex; + gap: 10px; + align-items: flex-start; +} +.submit { + width: 100%; + padding: 15px; + margin-top: 20px; + background: #31A858; + color: #fff; + font-size: 17px; + border: none; + border-radius: 15px; +} +@media only screen and (max-width: 600px){ + .contact { + flex-direction: column; + } + .contact .sidebar { + width: 100%; + } + .contact .form { + width: 100%; + } +} .join-us-content img { width: 85%; @@ -1274,7 +1425,6 @@ footer, /* End of footer section */ - /* html, body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; diff --git a/faq.html b/faq.html new file mode 100644 index 0000000..307b34a --- /dev/null +++ b/faq.html @@ -0,0 +1,156 @@ + + + + + + FAQ - DSC UNILAG + + + + + + + + + + + + +
+ + + Join GDSC + +
+ + + +
+ + +
+

Frequently Asked Questions

+

+ Ask everything you need to know about our community, + we are ready to answer all your questions +

+
+
+ +
+
+
+ What is GDSC? + + + +
+
+ The Google Developer Student Clubs (GDSC) is a global program for university students interested in technology. It provides a platform for students to learn and develop their skills in areas like mobile development, web development, cloud computing, and machine learning. +
+
+
+
+ Who can join GDSC? + + + +
+
+ Anyone enrolled at a university can join a GDSC club. You don't need any prior experience in coding or tech to join. +
+
+
+
+ How do I join the GDSC club at university of Lagos? + + + +
+
+ Use the link https://dscunilag.dev/join and then fill https://dscunilag.dev/memership to join our social media platforms +
+
+ +
+
+ What are the benefits of joining GDSC? + + + +
+
+ By joining GDSC, you'll gain access to: +
    +
  • Workshops and events on various tech topics
  • +
  • Opportunities to learn from industry experts
  • +
  • A community of like-minded students to network with
  • +
  • Resources to help you develop your tech skills
  • +
  • Potential internship and job opportunities at Google (depending on the club and program)
  • +
+
+
+
+
+ Are there any fees to join GDSC? + + + +
+
+ No, there are no fees to join a GDSC club. +
+
+
+
+ What skills will I learn in GDSC? + + + +
+
+ The specific skills you learn will depend on the workshops and events offered by your local GDSC club. Generally, you'll learn about: +
    +
  • Mobile development (Flutter)
  • +
  • Web development
  • +
  • Blockchain technologies
  • +
+
+
+
+
+ I don't have any experience in coding. Can I still join GDSC? + + + +
+
+ Absolutely! Many GDSC workshops cater to beginners and teach the fundamentals of coding and development. +
+
+ +
+ + + \ No newline at end of file diff --git a/images/assets/faq/Group 35023.svg b/images/assets/faq/Group 35023.svg new file mode 100644 index 0000000..3d116dd --- /dev/null +++ b/images/assets/faq/Group 35023.svg @@ -0,0 +1,4 @@ + + + + diff --git a/images/assets/faq/ic_round-plus.svg b/images/assets/faq/ic_round-plus.svg new file mode 100644 index 0000000..63dc70d --- /dev/null +++ b/images/assets/faq/ic_round-plus.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/assets/faq/image 4.svg b/images/assets/faq/image 4.svg new file mode 100644 index 0000000..17cface --- /dev/null +++ b/images/assets/faq/image 4.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/images/assets/faq/image 5.svg b/images/assets/faq/image 5.svg new file mode 100644 index 0000000..b174035 --- /dev/null +++ b/images/assets/faq/image 5.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/index.html b/index.html index c405673..19e937d 100644 --- a/index.html +++ b/index.html @@ -38,6 +38,8 @@ + + Join GDSC @@ -51,6 +53,8 @@
  • Events
  • Blogs
  • Team
  • +
  • Contact Us
  • +
  • FAQs
  • diff --git a/js/custom.js b/js/custom.js index 0df37cb..4f8bd3d 100644 --- a/js/custom.js +++ b/js/custom.js @@ -24,6 +24,29 @@ document.addEventListener('click', function(e) { console.log('=======') } }) +faqs = document.querySelectorAll("faq-card") + + +// Select the FAQ container +const faqContainer = document.querySelector('.faq-container'); + +// Select all question-expand elements within the FAQ container +const questionExpandElements = faqContainer.querySelectorAll('.question-expand'); + +// Add event listeners to each question-expand element +questionExpandElements.forEach(item => { + item.addEventListener('click', () => { + const answer = item.nextElementSibling; + + if (answer) { + if (answer.style.display === 'block') { + answer.style.display = 'none'; + } else { + answer.style.display = 'block'; + } + } + }); +}); // $(window).on("load", function() { // "use strict"; diff --git a/privacy.html b/privacy.html new file mode 100644 index 0000000..3c68106 --- /dev/null +++ b/privacy.html @@ -0,0 +1,254 @@ + + + + + + Privacy Policy - DSC UNILAG + + + + + + + + + + + + + +
    + + + Join GDSC + +
    + + + +
    +
    +

    Privacy Policy

    +
    +

    Last updated: June 17, 2024

    +

    This Privacy Policy describes Our policies and procedures on the collection, use and disclosure of Your information when You use the Service and tells You about Your privacy rights and how the law protects You.

    +

    We use Your Personal data to provide and improve the Service. By using the Service, You agree to the collection and use of information in accordance with this Privacy Policy.

    +

    Interpretation and Definitions

    +

    Interpretation

    +

    The words of which the initial letter is capitalized have meanings defined under the following conditions. The following definitions shall have the same meaning regardless of whether they appear in singular or in plural.

    +

    Definitions

    +

    For the purposes of this Privacy Policy:

    + +

    Collecting and Using Your Personal Data

    +

    Types of Data Collected

    +

    Personal Data

    +

    While using Our Service, We may ask You to provide Us with certain personally identifiable information that can be used to contact or identify You. Personally identifiable information may include, but is not limited to:

    + +

    Usage Data

    +

    Usage Data is collected automatically when using the Service.

    +

    Usage Data may include information such as Your Device's Internet Protocol address (e.g. IP address), browser type, browser version, the pages of our Service that You visit, the time and date of Your visit, the time spent on those pages, unique device identifiers and other diagnostic data.

    +

    When You access the Service by or through a mobile device, We may collect certain information automatically, including, but not limited to, the type of mobile device You use, Your mobile device unique ID, the IP address of Your mobile device, Your mobile operating system, the type of mobile Internet browser You use, unique device identifiers and other diagnostic data.

    +

    We may also collect information that Your browser sends whenever You visit our Service or when You access the Service by or through a mobile device.

    +

    Information from Third-Party Social Media Services

    +

    The Company allows You to create an account and log in to use the Service through the following Third-party Social Media Services:

    + +

    If You decide to register through or otherwise grant us access to a Third-Party Social Media Service, We may collect Personal data that is already associated with Your Third-Party Social Media Service's account, such as Your name, Your email address, Your activities or Your contact list associated with that account.

    +

    You may also have the option of sharing additional information with the Company through Your Third-Party Social Media Service's account. If You choose to provide such information and Personal Data, during registration or otherwise, You are giving the Company permission to use, share, and store it in a manner consistent with this Privacy Policy.

    +

    Tracking Technologies and Cookies

    +

    We use Cookies and similar tracking technologies to track the activity on Our Service and store certain information. Tracking technologies used are beacons, tags, and scripts to collect and track information and to improve and analyze Our Service. The technologies We use may include:

    + +

    Cookies can be "Persistent" or "Session" Cookies. Persistent Cookies remain on Your personal computer or mobile device when You go offline, while Session Cookies are deleted as soon as You close Your web browser. You can learn more about cookies on TermsFeed website article.

    +

    We use both Session and Persistent Cookies for the purposes set out below:

    + +

    For more information about the cookies we use and your choices regarding cookies, please visit our Cookies Policy or the Cookies section of our Privacy Policy.

    +

    Use of Your Personal Data

    +

    The Company may use Personal Data for the following purposes:

    + +

    We may share Your personal information in the following situations:

    + +

    Retention of Your Personal Data

    +

    The Company will retain Your Personal Data only for as long as is necessary for the purposes set out in this Privacy Policy. We will retain and use Your Personal Data to the extent necessary to comply with our legal obligations (for example, if we are required to retain your data to comply with applicable laws), resolve disputes, and enforce our legal agreements and policies.

    +

    The Company will also retain Usage Data for internal analysis purposes. Usage Data is generally retained for a shorter period of time, except when this data is used to strengthen the security or to improve the functionality of Our Service, or We are legally obligated to retain this data for longer time periods.

    +

    Transfer of Your Personal Data

    +

    Your information, including Personal Data, is processed at the Company's operating offices and in any other places where the parties involved in the processing are located. It means that this information may be transferred to — and maintained on — computers located outside of Your state, province, country or other governmental jurisdiction where the data protection laws may differ than those from Your jurisdiction.

    +

    Your consent to this Privacy Policy followed by Your submission of such information represents Your agreement to that transfer.

    +

    The Company will take all steps reasonably necessary to ensure that Your data is treated securely and in accordance with this Privacy Policy and no transfer of Your Personal Data will take place to an organization or a country unless there are adequate controls in place including the security of Your data and other personal information.

    +

    Delete Your Personal Data

    +

    You have the right to delete or request that We assist in deleting the Personal Data that We have collected about You.

    +

    Our Service may give You the ability to delete certain information about You from within the Service.

    +

    You may update, amend, or delete Your information at any time by signing in to Your Account, if you have one, and visiting the account settings section that allows you to manage Your personal information. You may also contact Us to request access to, correct, or delete any personal information that You have provided to Us.

    +

    Please note, however, that We may need to retain certain information when we have a legal obligation or lawful basis to do so.

    +

    Disclosure of Your Personal Data

    +

    Business Transactions

    +

    If the Company is involved in a merger, acquisition or asset sale, Your Personal Data may be transferred. We will provide notice before Your Personal Data is transferred and becomes subject to a different Privacy Policy.

    +

    Law enforcement

    +

    Under certain circumstances, the Company may be required to disclose Your Personal Data if required to do so by law or in response to valid requests by public authorities (e.g. a court or a government agency).

    +

    Other legal requirements

    +

    The Company may disclose Your Personal Data in the good faith belief that such action is necessary to:

    + +

    Security of Your Personal Data

    +

    The security of Your Personal Data is important to Us, but remember that no method of transmission over the Internet, or method of electronic storage is 100% secure. While We strive to use commercially acceptable means to protect Your Personal Data, We cannot guarantee its absolute security.

    +

    Children's Privacy

    +

    Our Service does not address anyone under the age of 13. We do not knowingly collect personally identifiable information from anyone under the age of 13. If You are a parent or guardian and You are aware that Your child has provided Us with Personal Data, please contact Us. If We become aware that We have collected Personal Data from anyone under the age of 13 without verification of parental consent, We take steps to remove that information from Our servers.

    +

    If We need to rely on consent as a legal basis for processing Your information and Your country requires consent from a parent, We may require Your parent's consent before We collect and use that information.

    +

    Links to Other Websites

    +

    Our Service may contain links to other websites that are not operated by Us. If You click on a third party link, You will be directed to that third party's site. We strongly advise You to review the Privacy Policy of every site You visit.

    +

    We have no control over and assume no responsibility for the content, privacy policies or practices of any third party sites or services.

    +

    Changes to this Privacy Policy

    +

    We may update Our Privacy Policy from time to time. We will notify You of any changes by posting the new Privacy Policy on this page.

    +

    We will let You know via email and/or a prominent notice on Our Service, prior to the change becoming effective and update the "Last updated" date at the top of this Privacy Policy.

    +

    You are advised to review this Privacy Policy periodically for any changes. Changes to this Privacy Policy are effective when they are posted on this page.

    +

    Contact Us

    +

    If you have any questions about this Privacy Policy, You can contact us:

    + +
    + + + \ No newline at end of file