-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #6 from p7uverma/add/Priyanshu-Verma
add my card: Priyanshu Verma
- Loading branch information
Showing
1 changed file
with
94 additions
and
75 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,80 +1,99 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
|
|
||
| <!--=============== REMIXICONS ===============--> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.css" crossorigin=""> | ||
|
|
||
| <!--=============== SWIPER CSS ===============--> | ||
| <link rel="stylesheet" href="Main/css/swiper-bundle.min.css"> | ||
|
|
||
| <!--=============== CSS ===============--> | ||
| <link rel="stylesheet" href="Main/css/styles.css"> | ||
|
|
||
| <title>Responsive card slider Website - IAMRPS</title> | ||
| </head> | ||
| <body> | ||
| <section class="container"> | ||
| <div class="card__container swiper"> | ||
| <div class="card__content"> | ||
| <div class="swiper-wrapper"> | ||
| <article class="card__article swiper-slide"> | ||
| <div class="card__image"> | ||
| <img src="Main/img/avatar-1.png" alt="image" class="card__img"> | ||
| <div class="card__shadow"></div> | ||
| </div> | ||
|
|
||
| <div class="card__data"> | ||
| <h3 class="card__name">theDevopsguy</h3> | ||
| <p class="card__description"> | ||
| Passionate about development and design, | ||
| I carry out projects at the request of users. | ||
| All the best to everyone. | ||
| </p> | ||
|
|
||
| <a href="#" class="card__button">View More</a> | ||
| </div> | ||
| </article> | ||
| <article class="card__article swiper-slide"> | ||
| <div class="card__image"> | ||
| <img src="Main/img/avatar-2.png" alt="image" class="card__img"> | ||
| <div class="card__shadow"></div> | ||
| </div> | ||
|
|
||
| <div class="card__data"> | ||
| <h3 class="card__name">Rishabh Pratap Singh</h3> | ||
| <p class="card__description"> | ||
| Here's Rishabh Pratap Singh, a 3rd year undergraduate pursuing B.Tech in CSE from BBDITM. | ||
| Doing development is one such thing that fascinates me hence I'm a DEVOP'S enthusiast. | ||
| All the best to everyone. | ||
| </p> | ||
|
|
||
| <a href="#" class="card__button">View More</a> | ||
| </div> | ||
| </article> | ||
| </div> | ||
| </div> | ||
| <html lang="en"> | ||
|
|
||
| <!-- Navigation buttons --> | ||
| <div class="swiper-button-next"> | ||
| <i class="ri-arrow-right-s-line"></i> | ||
| </div> | ||
|
|
||
| <div class="swiper-button-prev"> | ||
| <i class="ri-arrow-left-s-line"></i> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
|
|
||
| <!--=============== REMIXICONS ===============--> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.css" crossorigin=""> | ||
|
|
||
| <!--=============== SWIPER CSS ===============--> | ||
| <link rel="stylesheet" href="Main/css/swiper-bundle.min.css"> | ||
|
|
||
| <!--=============== CSS ===============--> | ||
| <link rel="stylesheet" href="Main/css/styles.css"> | ||
|
|
||
| <title>Responsive card slider Website - IAMRPS</title> | ||
| </head> | ||
|
|
||
| <body> | ||
| <section class="container"> | ||
| <div class="card__container swiper"> | ||
| <div class="card__content"> | ||
| <div class="swiper-wrapper"> | ||
|
|
||
| <article class="card__article swiper-slide"> | ||
| <div class="card__image"> | ||
| <img src="Main/img/avatar-1.png" alt="image" class="card__img"> | ||
| <div class="card__shadow"></div> | ||
| </div> | ||
|
|
||
| <div class="card__data"> | ||
| <h3 class="card__name">theDevopsguy</h3> | ||
| <p class="card__description"> | ||
| Passionate about development and design, | ||
| I carry out projects at the request of users. | ||
| All the best to everyone. | ||
| </p> | ||
|
|
||
| <a href="#" class="card__button">View More</a> | ||
| </div> | ||
| </article> | ||
| <article class="card__article swiper-slide"> | ||
| <div class="card__image"> | ||
| <img src="Main/img/avatar-2.png" alt="image" class="card__img"> | ||
| <div class="card__shadow"></div> | ||
| </div> | ||
|
|
||
| <div class="card__data"> | ||
| <h3 class="card__name">Rishabh Pratap Singh</h3> | ||
| <p class="card__description"> | ||
| Here's Rishabh Pratap Singh, a 3rd year undergraduate pursuing B.Tech in CSE from BBDITM. | ||
| Doing development is one such thing that fascinates me hence I'm a DEVOP'S enthusiast. | ||
| All the best to everyone. | ||
| </p> | ||
|
|
||
| <a href="#" class="card__button">View More</a> | ||
| </div> | ||
| </article> | ||
| <article class="card__article swiper-slide"> | ||
| <div class="card__image"> | ||
| <img src="Main/img/avatar-1.png" alt="image" class="card__img"> | ||
| <div class="card__shadow"></div> | ||
| </div> | ||
|
|
||
| <div class="card__data"> | ||
| <h3 class="card__name">Priyanshu Verma</h3> | ||
| <p class="card__description"> | ||
| I am Open Source Comtributor. Who is Passionate about developing mobile apps, web apps, websites, and dev tools. | ||
| </p> | ||
|
|
||
| <a href="#" class="card__button">View More</a> | ||
| </div> | ||
| </article> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!-- Navigation buttons --> | ||
| <div class="swiper-button-next"> | ||
| <i class="ri-arrow-right-s-line"></i> | ||
| </div> | ||
|
|
||
| <!-- Pagination --> | ||
| <div class="swiper-pagination"></div> | ||
| <div class="swiper-button-prev"> | ||
| <i class="ri-arrow-left-s-line"></i> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!--=============== SWIPER JS ===============--> | ||
| <script src="assets/js/swiper-bundle.min.js"></script> | ||
|
|
||
| <!--=============== MAIN JS ===============--> | ||
| <script src="assets/js/main.js"></script> | ||
| </body> | ||
| </html> | ||
|
|
||
| <!-- Pagination --> | ||
| <div class="swiper-pagination"></div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!--=============== SWIPER JS ===============--> | ||
| <script src="assets/js/swiper-bundle.min.js"></script> | ||
|
|
||
| <!--=============== MAIN JS ===============--> | ||
| <script src="assets/js/main.js"></script> | ||
| </body> | ||
|
|
||
| </html> |