From 29d886c2eaa38c33be55002ed8c0b71c0da2c76f Mon Sep 17 00:00:00 2001 From: Vaishnavi Madalapure Date: Sat, 15 Jun 2024 10:58:54 +0530 Subject: [PATCH] Solved the pagination issue (#449) * made some changes in internship section * Solved the pagination problem --- home.css | 81 ++++- home.html | 4 + index.html | 35 ++- posts/docker/Getting-Started-with-Docker.html | 277 ++++++++++++++++++ posts/master-docker.html | 209 +++++++++++++ posts/master-github.html | 2 +- 6 files changed, 603 insertions(+), 5 deletions(-) create mode 100644 posts/docker/Getting-Started-with-Docker.html create mode 100644 posts/master-docker.html diff --git a/home.css b/home.css index f4bf52a..8ea786d 100644 --- a/home.css +++ b/home.css @@ -264,10 +264,19 @@ section { object-fit: cover; } + + + + + + + + /* Styles for Internship */ #internship { padding: 50px 20px; background: linear-gradient(135deg, #f3f2ee 0%, #f9f6f6 100%); + transition: background-color 0.3s ease; /* Add transition for background color change */ } /* Dark mode styles for #internship section */ @@ -284,13 +293,13 @@ body.dark-mode #internship { text-transform: uppercase; letter-spacing: 2px; font-family: Arial, sans-serif; + transition: color 0.3s ease; /* Add transition for text color change */ } body.dark-mode .section-heading{ color: white; } - .internship-program { display: flex; flex-wrap: wrap; @@ -313,6 +322,7 @@ body.dark-mode .section-heading{ transition: transform 0.3s ease, box-shadow 0.3s ease; background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(230, 230, 230, 0.9) 100%); position: relative; + overflow: hidden; } body.dark-mode .internship-program li{ @@ -325,6 +335,7 @@ body.dark-mode .internship-program li{ justify-content: center; margin: 1vw; } + .internship-program li::before, .internship-program li::after { content: ""; @@ -375,19 +386,70 @@ body.dark-mode .internship-program li{ margin-top: 20px; font-weight: bold; text-align: center; + transition: color 0.3s ease; /* Add transition for text color change */ } .program-duration { font-size: 20px; margin-top: 10px; color: #666; - transition: color 0.3s ease; + transition: color 0.3s ease; /* Add transition for text color change */ } .internship-program li:hover .program-duration { color: #007bff; } +/* Additional styles for interactivity and animations */ +.program-buttons { + margin-top: 20px; + opacity: 0; /* Hide buttons by default */ + transition: opacity 0.3s ease; /* Add transition for button opacity */ +} + +.internship-program li:hover .program-buttons { + opacity: 1; /* Show buttons on hover */ +} + +.program-apply-button { + background-color: #007bff; + color: white; + border: none; + padding: 10px 20px; + border-radius: 5px; + cursor: pointer; + margin: 5px; + transition: background-color 0.3s ease, transform 0.3s ease; +} + +.program-apply-button:hover { + background-color: #0056b3; + transform: translateY(-3px); +} + +.program-apply-button:active { + background-color: #004494; +} + + + + + + + + + + + + + + + + + + + + .program-description { font-size: 16px; line-height: 1.2; @@ -956,6 +1018,19 @@ body.dark-mode .faq{ gap: 20px } + + + + + + + + + + + + + .benefit-icon { height: auto; } @@ -1011,4 +1086,4 @@ body.dark-mode .faq{ align-items: center; font-size: medium; } -} +} \ No newline at end of file diff --git a/home.html b/home.html index f7f741f..5febb1c 100644 --- a/home.html +++ b/home.html @@ -228,9 +228,13 @@

INTERNSHIPS

Join our Data Science Internship Program and gain practical experience in one of the most in-demand fields. Learn data analysis, machine learning, and statistical modeling. +<<<<<<< HEAD Develop real-world projects and enhance your skills in data science. Get mentored by industry professionals and kickstart your career in the field of data science.

+======= + Develop real-world projects and enhance your skills in data science.

+>>>>>>> 11dd44abba6d427dbd14757272378d66af253d44
diff --git a/index.html b/index.html index 3b1565a..db4843a 100644 --- a/index.html +++ b/index.html @@ -36,6 +36,7 @@ transition: color 0.3s, background-color 0.3s; } +<<<<<<< HEAD .navbar-nav .nav-link:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.2); @@ -138,6 +139,38 @@ Blog +======= + + + + +
+
+

Welcome to CSEdge Learn!

+

+ This website offers straightforward guides and tutorials for + interns, providing clear directions to complete tasks effectively. + Simplify your internship experience with our easy-to-follow articles + and docs. +

+>>>>>>> 11dd44abba6d427dbd14757272378d66af253d44
@@ -375,7 +408,7 @@

Previous
  • - 1 + 1
  • 2
  • 3
    • diff --git a/posts/docker/Getting-Started-with-Docker.html b/posts/docker/Getting-Started-with-Docker.html new file mode 100644 index 0000000..ac7e62c --- /dev/null +++ b/posts/docker/Getting-Started-with-Docker.html @@ -0,0 +1,277 @@ + + + + + + + + Introduction to Docker: Getting Started with Containerization + + + + + + + + + + + +
    +
    + +
    +

    Introduction to Docker: Getting Started with Containerization

    + +
    + Introduction to Docker: Getting Started with Containerization +
    +
    +
    + +

    + Docker has revolutionized the way we build, ship, and run + applications. It provides a lightweight, portable + environment called a container that packages the + application code along with its dependencies. This allows + developers to build once and run anywhere, making it easier + to maintain consistency across different environments. +

    +

    + In this guide, we'll explore the fundamentals of Docker, + including how it works, its benefits, and how to get started + with containerization. +

    +
    +
    +

    What is Docker?

    +

    + Docker is an open-source platform that automates the + deployment of applications inside containers. Containers + are lightweight, standalone, executable packages that + include everything needed to run a piece of software, + including the code, runtime, libraries, and dependencies. + Unlike traditional virtual machines, containers share the + host system's kernel and run as isolated processes, + providing greater efficiency and portability. +

    +
    + +
    +

    Benefits of Docker

    +
      +
    • Portability: Docker containers can run + on any platform that supports Docker, making it easy to + deploy applications across different environments.
      • +
    • Consistency: Containers ensure that + applications run the same way in development, testing, + and production environments, reducing the risk of + configuration errors.
      • +
    • Isolation: Containers provide + isolation between applications, preventing conflicts + caused by dependencies and ensuring security.
      • +
    • Efficiency: Docker containers are + lightweight and start quickly, allowing for rapid + development and deployment cycles.
      • +
    • Scalability: Docker's + containerization model enables easy scaling of + applications by adding or removing containers as needed.
      • +
    +
    + +
    +

    Getting Started with Docker

    +

    + To start using Docker, you'll need to install the Docker + Engine on your system. Once installed, you can use the + Docker CLI to manage containers, images, networks, and + volumes. Docker provides extensive documentation and + tutorials to help you get up and running quickly, so don't + hesitate to dive in and start experimenting! +

    +
    + +

    + Containerization has become an essential tool for modern + software development, enabling teams to build, ship, and run + applications more efficiently. With Docker, you can embrace + containerization and take your development workflow to the + next level. Happy containerizing! +

    +
    +
    +
    +
    + +
    + +
    +
    Search
    +
    +
    + + +
    +
    + +
    +
    + +
    +
    Categories
    +
    +
    +
    + +
    +
    + +
    +
    +
    +
    + +
    +
    Recent Posts
    +
    +

    Coming Soon..!

    +
    +
    +
    +
    + + + + + + + + + +
    +
    +
    +
    +
    + +
    +
    +

    + Copyright © CSEdge Learn 2024 +

    +
    +
    + + + + + + diff --git a/posts/master-docker.html b/posts/master-docker.html new file mode 100644 index 0000000..978eb6c --- /dev/null +++ b/posts/master-docker.html @@ -0,0 +1,209 @@ + + + + + + + + + + + + + Mastering Docker with CSEdge Learn + + + + + + + + + + + + + + +
    +
    + +
    + + + +
    +
    + +
    + Docker Logo +
    +
    June 12, 2024
    +

    + Introduction to Docker: Getting Started with Containerization +

    +

    + Dive into the world of containerization with Docker, the industry-standard platform for developing, + shipping, and running applications. This guide will take you through the basics of Docker, including + installation, running containers, creating Dockerfiles, and managing containerized applications. Whether + you're a developer, sysadmin, or IT professional, Docker can streamline your workflow and enhance + scalability and portability across different environments. +

    + Read more → +
    +
    + + + + +
    +
    + + +
    + +
    + +
    +
    Search
    +
    +
    + + +
    +
    + +
    +
    + + +
    +
    Recent +
    +
    + +
    +
    +
    +
    + + + + + +
    +
    +
    +
    +
    + + +
    +
    +
    +
    +
    About Us
    +

    + This website offers straightforward guides and tutorials for interns, providing clear directions to complete tasks effectively. Simplify your internship experience with our easy-to-follow articles and docs. +

    +
    +
    +
    Categories
    + +
    +
    +
    Quick Links
    + +
    +
    +
    +
    + + +
    +
    +
    +

    + Copyright © All Rights Reserved by CSEdge Learn +

    +
    +
    +
    +
    + + + + + + + + diff --git a/posts/master-github.html b/posts/master-github.html index 9dab8a5..44e9658 100644 --- a/posts/master-github.html +++ b/posts/master-github.html @@ -67,7 +67,7 @@
    April 25, 2024