diff --git a/Images/Logos/GIMP img.jpeg b/Images/Logos/GIMP img.jpeg new file mode 100644 index 0000000..6a2249e Binary files /dev/null and b/Images/Logos/GIMP img.jpeg differ diff --git a/Images/Logos/Linux kernel img.png b/Images/Logos/Linux kernel img.png new file mode 100644 index 0000000..7c0decf Binary files /dev/null and b/Images/Logos/Linux kernel img.png differ diff --git a/Images/Logos/TensorFlow img.png b/Images/Logos/TensorFlow img.png new file mode 100644 index 0000000..4142d6b Binary files /dev/null and b/Images/Logos/TensorFlow img.png differ diff --git a/Images/Logos/apache http server logo.png b/Images/Logos/apache http server logo.png new file mode 100644 index 0000000..6d08b33 Binary files /dev/null and b/Images/Logos/apache http server logo.png differ diff --git a/Images/Logos/mozilla firefox img.jpeg b/Images/Logos/mozilla firefox img.jpeg new file mode 100644 index 0000000..4e36216 Binary files /dev/null and b/Images/Logos/mozilla firefox img.jpeg differ diff --git a/Images/Other images/Dev collab.jpeg b/Images/Other images/Dev collab.jpeg new file mode 100644 index 0000000..fdb5edb Binary files /dev/null and b/Images/Other images/Dev collab.jpeg differ diff --git a/Images/Other images/coding skills.jpeg b/Images/Other images/coding skills.jpeg new file mode 100644 index 0000000..d0ab592 Binary files /dev/null and b/Images/Other images/coding skills.jpeg differ diff --git a/Images/Other images/contributing to osp.jpeg b/Images/Other images/contributing to osp.jpeg new file mode 100644 index 0000000..59a1e7e Binary files /dev/null and b/Images/Other images/contributing to osp.jpeg differ diff --git a/Images/Other images/practical exp.jpeg b/Images/Other images/practical exp.jpeg new file mode 100644 index 0000000..5d2719b Binary files /dev/null and b/Images/Other images/practical exp.jpeg differ diff --git a/index.html b/index.html index aa82ee9..c5b781f 100644 --- a/index.html +++ b/index.html @@ -8,66 +8,69 @@ -
-

Git Workshop

+ +
+

Git Workshop

Open Source Club

-
-

Feedback

-

We'd love to hear your thoughts on the workshop! Please provide your feedback:

- Open Source Workshop Feedback Form -
- -
-

Benefits of Being Part of OSS

- -
- +

About the OSS Team

Our Open Source Club is dedicated to bringing together students who love coding and contributing to open source projects.

We organize workshops, hackathons, and contribution events to encourage collaboration in the open-source community.

-
+ +

What is Open Source?

Open source software is software with source code that anyone can inspect, modify, and enhance.

+ + +
+

Benefits of Being Part of OSS

+
    +
  • Learn by contributing to real-world projects
    • Pic on contributing to Open Source Projects +
  • Collaborate with developers from around the world
    • Pic on collaborating with other developers around the world +
  • Gain practical experience in software development
    • Pic on gaining practical experience in software developement +
  • Improve your coding and problem-solving skills
    • Pic on improving coding skills +
+
-
-

Event Description

+ +
+

Example Open Source Projects

+
    +
  • Linux Kernel
    • Linux kernel logo +
  • Mozilla Firefox
    • Mozilla Firefox logo +
  • Apache HTTP Server
    • Apache HTTP server logo +
  • GIMP (GNU Image Manipulation Program)
    • GIMP logo +
  • TensorFlow
    • tensorFlow logo +
+
+ + +
+

Event Description

Learn the basics of Git, how to use version control, and start contributing to Open Source projects.

+

Make Your First Contribution

New to open source? Start by making your first contribution here:

First Contributions
-
-

Example Open Source Projects

-
    -
  • Linux Kernel
    • -
  • Mozilla Firefox
    • -
  • Apache HTTP Server
    • -
  • GIMP (GNU Image Manipulation Program)
    • -
  • TensorFlow
    • -
-
- +

Get Started with Open Source

If you're ready to dive into open source, check out this curated list of events:

Open Source Events
+

Meet the Team

Team Member 1 @@ -75,5 +78,12 @@

Meet the Team

Team Member 3
+ + + diff --git a/styles.css b/styles.css index 3c75382..3eb79be 100644 --- a/styles.css +++ b/styles.css @@ -3,8 +3,7 @@ body { } header { - background-color: lightgray; - text-align: center; + background-color: black; padding: 20px; } @@ -21,8 +20,62 @@ section { } #get-started a, #first-contributions a, #feedback a { + max-width: fit-content; display: block; - margin-top: 10px; + margin: 10px; + margin-inline: auto; color: blue; - text-decoration: underline; + text-decoration-line: underline; + text-decoration-style: solid; + transition: 0.75s; +} + +#get-started a:hover, #first-contributions a:hover, #feedback a:hover { + font-size: 22px; + color: gold; + text-decoration-line: underline; + text-decoration-style: wavy; +} + +h1, h2 { + max-width: fit-content; + margin-inline: auto; + color: lightgreen; +} + +.image{ + + /* grayscale animation (beginning) */ + filter: grayscale(100%); + -webkit-filter: grayscale(100%); + + /* Growth animation (beginning) */ + transition: 1s ease; +} + +.image:hover{ + + /* grayscale animation (end) */ + filter: grayscale(0%); + -webkit-filter: grayscale(0%); + + /* growth (end) */ + -webkit-transform: scale(120%); + -ms-transform: scale(120%); + transform: scale(120%); + transition: 1s ease; + + /* border */ + box-shadow: 0 0 0 2px; +} +#ULIST{ + transition: 1s ease; +} + +.ULIST:hover:hover{ + color: orangered; + font-size: 110%; + font-weight: bold; + /* font-style: italic; */ + transition: 1s ease; }