Skip to content

Commit

Permalink
Protfolio Updated
Browse files Browse the repository at this point in the history
  • Loading branch information
@im-rakesh0827
im-rakesh0827 committed Apr 29, 2024
1 parent 2ccb113 commit 6c8febd
Show file tree
Hide file tree
Showing 11 changed files with 295 additions and 220 deletions.
Binary file modified .DS_Store
View file
Binary file not shown.
Binary file added data/About1.mp3
View file
Binary file not shown.
Binary file added img/MyImage.jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/Resume_Rakesh.pdf
View file
Binary file not shown.
Binary file added img/image1.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/image2.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/image3.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/image4.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
331 changes: 111 additions & 220 deletions index.html
View file

Large diffs are not rendered by default.

65 changes: 65 additions & 0 deletions portfolio.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
<!-- ====================== PORTFOLIO =================== -->
<section class="portfolio section" id="portfolio">
<h2 class="section__title">Portfolio</h2>
<span class="section__subtitle">Most Recent Work</span>

<div class="portfolio__container container swiper mySwiper">
<div class="swiper-wrapper">
<!-- ====================== PORTFOLIO 1 =================== -->
<div class="portfolio__content grid swiper-slide">
<img src="img/image3.jpg" alt="" class="portfolio__img">

<div class="portfolio__data">
<h3 class="portfolio__title">Modern Website</h3>
<p class="portfolio__description">Website adaptable to all devices, with Ui component and
animated interactions.</p>
<a href="#" class="button button--flex button--small portfolio__button">
Demo
<i class="uil uil-arrow-right button__icon"></i>
</a>
</div>
</div>

<!-- ====================== PORTFOLIO 2 =================== -->
<div class="portfolio__content grid swiper-slide">
<img src="img/image4.jpg" alt="" class="portfolio__img">

<div class="portfolio__data">
<h3 class="portfolio__title">Brand Design</h3>
<p class="portfolio__description">Website adaptable to all devices, with Ui component and
animated interactions.</p>
<a href="#" class="button button--flex button--small portfolio__button">
Demo
<i class="uil uil-arrow-right button__icon"></i>
</a>
</div>
</div>

<!-- ====================== PORTFOLIO 3 =================== -->
<div class="portfolio__content grid swiper-slide">
<img src="img/image2.jpg" alt="" class="portfolio__img">

<div class="portfolio__data">
<h3 class="portfolio__title">Online Store</h3>
<p class="portfolio__description">Website adaptable to all devices, with Ui component and
animated interactions.</p>
<a href="#" class="button button--flex button--small portfolio__button">
Demo
<i class="uil uil-arrow-right button__icon"></i>
</a>
</div>
</div>
</div>

<!-- ----------- Add Arrows------------- -->
<div class="swiper-button-next">
<i class="uil uil-angle-right-b swiper-portfolio-icon"></i>
</div>
<div class="swiper-button-prev">
<i class="uil uil-angle-left-b swiper-portfolio-icon"></i>
</div>

<!-- ----------------- Add Pagination-------------- -->
<div class="swiper-pagination"></div>
</div>
</section>
119 changes: 119 additions & 0 deletions services.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,119 @@
<h2 class="section__title">Services</h2>
<span class="section__subtitle">What I Offer</span>

<div class="services__container container grid">
<!-- =================== SERVICES 1 ================== -->
<div class="services__content">
<div>
<i class="uil uil-web-grid services__icon"></i>
<h3 class="services__title">Ui/Ux <br> Designer</h3>
</div>

<span class="button button--flex button--small button--link services__button">
View More
<i class="uil uil-arrow-right button__icon"></i>
</span>

<div class="services__modal">
<div class="services__modal-content">
<h4 class="services__modal-title">Ui/Ux <br> Designer</h4>
<i class="uil uil-times services__modal-close"></i>

<ul class="services__modal-services grid">
<li class="services__modal-service">
<i class="uil uil-check-circle services__modal-icon"></i>
<p>I develop the user interface.</p>
</li>
<li class="services__modal-service">
<i class="uil uil-check-circle services__modal-icon"></i>
<p>Web page development.</p>
</li>
<li class="services__modal-service">
<i class="uil uil-check-circle services__modal-icon"></i>
<p>I create ux element interactions.</p>
</li>
<li class="services__modal-service">
<i class="uil uil-check-circle services__modal-icon"></i>
<p>I position your company brand.</p>
</li>
</ul>
</div>
</div>
</div>
<!-- =================== SERVICES 2 ================== -->
<div class="services__content">
<div>
<i class="uil uil-arrow services__icon"></i>
<h3 class="services__title">Frontend <br> Developer</h3>
</div>

<span class="button button--flex button--small button--link services__button">
View More
<i class="uil uil-arrow-right button__icon"></i>
</span>

<div class="services__modal">
<div class="services__modal-content">
<h4 class="services__modal-title">Frontend <br> Developer</h4>
<i class="uil uil-times services__modal-close"></i>

<ul class="services__modal-services grid">
<li class="services__modal-service">
<i class="uil uil-check-circle services__modal-icon"></i>
<p>I develop the user interface.</p>
</li>
<li class="services__modal-service">
<i class="uil uil-check-circle services__modal-icon"></i>
<p>Web page development.</p>
</li>
<li class="services__modal-service">
<i class="uil uil-check-circle services__modal-icon"></i>
<p>I create ux element interactions.</p>
</li>
<li class="services__modal-service">
<i class="uil uil-check-circle services__modal-icon"></i>
<p>I position your company brand.</p>
</li>
</ul>
</div>
</div>
</div>
<!-- =================== SERVICES 3 ================== -->
<div class="services__content">
<div>
<i class="uil uil-pen services__icon"></i>
<h3 class="services__title">Branding <br> Designer</h3>
</div>

<span class="button button--flex button--small button--link services__button">
View More
<i class="uil uil-arrow-right button__icon"></i>
</span>

<div class="services__modal">
<div class="services__modal-content">
<h4 class="services__modal-title">Branding <br> Designer</h4>
<i class="uil uil-times services__modal-close"></i>

<ul class="services__modal-services grid">
<li class="services__modal-service">
<i class="uil uil-check-circle services__modal-icon"></i>
<p>I develop the user interface.</p>
</li>
<li class="services__modal-service">
<i class="uil uil-check-circle services__modal-icon"></i>
<p>Web page development.</p>
</li>
<li class="services__modal-service">
<i class="uil uil-check-circle services__modal-icon"></i>
<p>I create ux element interactions.</p>
</li>
<li class="services__modal-service">
<i class="uil uil-check-circle services__modal-icon"></i>
<p>I position your company brand.</p>
</li>
</ul>
</div>
</div>
</div>
</div>

0 comments on commit 6c8febd

Please sign in to comment.