diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/Assignment-3 1/Assignment-3/images/adobe.png b/Assignment-3 1/Assignment-3/images/adobe.png new file mode 100644 index 0000000..4997b8f Binary files /dev/null and b/Assignment-3 1/Assignment-3/images/adobe.png differ diff --git a/Assignment-3 1/Assignment-3/images/adobe1.png b/Assignment-3 1/Assignment-3/images/adobe1.png new file mode 100644 index 0000000..d80262c Binary files /dev/null and b/Assignment-3 1/Assignment-3/images/adobe1.png differ diff --git a/Assignment-3 1/Assignment-3/images/aws.png b/Assignment-3 1/Assignment-3/images/aws.png new file mode 100644 index 0000000..0a3e565 Binary files /dev/null and b/Assignment-3 1/Assignment-3/images/aws.png differ diff --git a/Assignment-3 1/Assignment-3/images/elink.jpg b/Assignment-3 1/Assignment-3/images/elink.jpg new file mode 100644 index 0000000..81e1bea Binary files /dev/null and b/Assignment-3 1/Assignment-3/images/elink.jpg differ diff --git a/Assignment-3 1/Assignment-3/images/evil.jpg b/Assignment-3 1/Assignment-3/images/evil.jpg new file mode 100644 index 0000000..808d4c2 Binary files /dev/null and b/Assignment-3 1/Assignment-3/images/evil.jpg differ diff --git a/Assignment-3 1/Assignment-3/images/involv.jpg b/Assignment-3 1/Assignment-3/images/involv.jpg new file mode 100644 index 0000000..b2eae2a Binary files /dev/null and b/Assignment-3 1/Assignment-3/images/involv.jpg differ diff --git a/Assignment-3 1/Assignment-3/images/magento.png b/Assignment-3 1/Assignment-3/images/magento.png new file mode 100644 index 0000000..f3840f5 Binary files /dev/null and b/Assignment-3 1/Assignment-3/images/magento.png differ diff --git a/Assignment-3 1/Assignment-3/images/microsoft.png b/Assignment-3 1/Assignment-3/images/microsoft.png new file mode 100644 index 0000000..e4c3a03 Binary files /dev/null and b/Assignment-3 1/Assignment-3/images/microsoft.png differ diff --git a/Assignment-3 1/Assignment-3/images/shopify.png b/Assignment-3 1/Assignment-3/images/shopify.png new file mode 100644 index 0000000..92c50a8 Binary files /dev/null and b/Assignment-3 1/Assignment-3/images/shopify.png differ diff --git a/Assignment-3 1/Assignment-3/index.html b/Assignment-3 1/Assignment-3/index.html new file mode 100644 index 0000000..4dda05c --- /dev/null +++ b/Assignment-3 1/Assignment-3/index.html @@ -0,0 +1,72 @@ + + + + + + + + Slider-Assignment-3 + + +
+
+
+
+
+
+
+
+
+
+ + +
+

Featured Projects

+ +
+ +
+
+
+

Involvvely Parenting Resource

+

Involvvely functions as a comprehensive Parent Resource and school platform, fosteringconnections among community parents. Our team played a pivotal role in developing and designing their platform, ensuring seamless integration and user-friendly interfaces. Our technical contributions streamlined Involvvely's platform, allowing parents to get more involved in their children's education using their innovative ideas.

+
+
+

EarthLink Fiber Internet

+

Earthlink epitomizes leadership in digital innovation, seamlessly blending advanced technology with unbeatable connectivity. Our team led the development and design efforts for their digital infrastructure, ensuring seamless integration and optimal performance. Through meticulous planning, implementation, and ongoing support, we helped Earthlink maintain its position as a frontrunner in the digital connectivity landscape.

+
+
+

Evil Genius Games

+

Evil Genius Games invites players to dive into captivating tabletop RPG experiences, seamlessly blending strategic depth with immersive gameplay. Our team led the development of their digital platform, ensuring intuitive interfaces and dynamic mechanics. Our collaboration has solidified Evil Genius Games as an industry leader in immersive gaming experiences.

+
+ + + +
+
+
+ +
+
+
+ Involvvely +
+
+ EarthLink +
+
+ Evil +
+ +
+
+
+ +
+ + + + + + + \ No newline at end of file diff --git a/Assignment-3 1/Assignment-3/script.js b/Assignment-3 1/Assignment-3/script.js new file mode 100644 index 0000000..7db5f20 --- /dev/null +++ b/Assignment-3 1/Assignment-3/script.js @@ -0,0 +1,65 @@ +const swiper = new Swiper(".container .swiper",{ + spaceBetween: 30, + slidesPerView: "auto", + loop: true, + speed: 4000, + freeMode: true, + allowTouchMove: false, + autoplay: { + delay: 0, + disableOnInteraction: false, + } + +}); + +function stopAutoplay() { + const swiperTranslate = swiper.getTranslate(); + swiper.setTranslate(swiperTranslate); + swiper.autoplay.stop(); +} + +function startAutoplay() { + swiper.slideTo(swiper.activeIndex, 2000, false); + swiper.autoplay.start(); +} + +const container = document.querySelector(".swiper"); +container.addEventListener("mouseenter",() => stopAutoplay()); +container.addEventListener("mouseleave",() => startAutoplay()); + + +//Featured Slider +const imageSlider = new Swiper(".image-slider", { + loop:true, + slidesPerView: 3, + centeredSlides: true, + effect: "coverflow", + coverflowEffect: { + rotate: 0, + depth: 200, + stretch: 30, + modifier: 1, + scale: 1, + slideShadows: false, + }, + + grabCursor:true, +}); + + +const infoSlider = new Swiper(".info-slider", { + loop: true, + autoplay:false, + grabCursor: true, + + allowTouchMove: true, + pagination: { + el: '.swiper-pagination', + clickable: true, + }, + + +}); + +imageSlider.controller.control = infoSlider; +infoSlider.controller.control = imageSlider; diff --git a/Assignment-3 1/Assignment-3/style.css b/Assignment-3 1/Assignment-3/style.css new file mode 100644 index 0000000..d2bd039 --- /dev/null +++ b/Assignment-3 1/Assignment-3/style.css @@ -0,0 +1,91 @@ +html, body { + margin:0; + +} + +.container { + width: 100vw; + height: 10vh; + +} + +.swiper { + width: 100%; + height: 100%; +} + +.swiper-slide { + display: flex; + overflow: hidden; + border-radius: 10px; + /* box-shadow: 0 4px 8px rgba(9, 9, 9, 0.4); */ +} + +.swiper-slide img { + width: 100%; + height: 100%; + object-fit: contain; +} + + +body { + font-family: Arial, sans-serif; + background-color: #fff; +} + +.featured-projects-section { + width: 70%; + height: 70%; + margin: 0 auto; + margin-top: 10px; + padding: 10px 0; +} + +.project-title { + font-size: 26px; + margin-bottom: 20px; + text-align: center; +} + +.project-container { + display: flex; + +} + +.image-slider .swiper-slide img { + width: 100%; + height: 100%; + object-fit: contain; + border-radius: 10px; +} + +.info-slider .swiper-slide { + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + text-align: left; + padding: 0px; + background-color: #ffffff; + /* border-radius: 10px; */ + /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */ + width: 100%; +} + +.info-slider .swiper-slide h3 { + font-size: 24px; + margin-bottom: 10px; + color: #333; +} + +.info-slider .swiper-slide p { + font-size: 16px; + color: #555; +} + + +.project-container .swiper { + margin-top: 30px; + width: 100%; + height: 500px; +} \ No newline at end of file diff --git a/Jaanvi_DigiMantra_Task1 b/Jaanvi_DigiMantra_Task1 new file mode 160000 index 0000000..53c1f3b --- /dev/null +++ b/Jaanvi_DigiMantra_Task1 @@ -0,0 +1 @@ +Subproject commit 53c1f3b76af01a23be69a18892e57db86a880d20 diff --git a/Multi-Step-Form_Task2 b/Multi-Step-Form_Task2 new file mode 160000 index 0000000..d858cfd --- /dev/null +++ b/Multi-Step-Form_Task2 @@ -0,0 +1 @@ +Subproject commit d858cfd6bda7d5671d3c7cc2df903da2f04422b2