Skip to content

Commit

Permalink
edited some ui components
Browse files Browse the repository at this point in the history
  • Loading branch information
@SuwanSankaja
SuwanSankaja committed Sep 19, 2023
1 parent 8c5fb20 commit 421593f
Show file tree
Hide file tree
Showing 2 changed files with 151 additions and 2 deletions.
70 changes: 70 additions & 0 deletions assets/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -573,6 +573,7 @@ section {
z-index: 1;
}


.portfolio .portfolio-wrap::before {
content: "";
background: rgba(255, 255, 255, 0.5);
Expand Down Expand Up @@ -627,6 +628,70 @@ section {
opacity: 1;
bottom: 0;
}
---------------------------------------------------------------
.portfolio .portfolio-wrap-rasa {
transition: 0.3s;
position: relative;
overflow: hidden;
z-index: 1;

}


.portfolio .portfolio-wrap-rasa::before {
content: "";
background: rgba(255, 255, 255, 0.5);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
transition: all ease-in-out 0.3s;
z-index: 2;
opacity: 0;
}

.portfolio .portfolio-wrap-rasa .portfolio-links {
opacity: 1;
left: 0;
right: 0;
bottom: -60px;
z-index: 3;
position: absolute;
transition: all ease-in-out 0.3s;
display: flex;
justify-content: center;
}

.portfolio .portfolio-wrap-rasa .portfolio-links a {
color: #fff;
font-size: 28px;
text-align: center;
background: rgba(20, 157, 221, 0.75);
transition: 0.3s;
width: 50%;
}

.portfolio .portfolio-wrap-rasa .portfolio-links a:hover {
background: rgba(20, 157, 221, 0.95);
}

.portfolio .portfolio-wrap-rasa .portfolio-links a+a {
border-left: 1px solid #37b3ed;
}

.portfolio .portfolio-wrap-rasa:hover::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
}

.portfolio .portfolio-wrap-rasa:hover .portfolio-links {
opacity: 1;
bottom: 0;
}

/*--------------------------------------------------------------
# Portfolio Details
Expand Down Expand Up @@ -693,6 +758,11 @@ section {
padding: 0;
}

.rounded-image {
border-radius: 10px; /* You can adjust the value to control the roundness */
}


/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
Expand Down
83 changes: 81 additions & 2 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,8 +62,8 @@ <h1 class="text-light"><a href="index.html">Suwan Sankaja</a></h1>
<li><a href="#hero" class="nav-link scrollto active"><i class="bx bx-home"></i> <span>Home</span></a></li>
<li><a href="#about" class="nav-link scrollto"><i class="bx bx-user"></i> <span>About</span></a></li>
<li><a href="#resume" class="nav-link scrollto"><i class="bx bx-file-blank"></i> <span>Resume</span></a></li>
<li><a href="#projects" class="nav-link scrollto"><i class="bx bx-server"></i> <span>Projects</span></a></li>
<li><a href="#portfolio" class="nav-link scrollto"><i class="bx bx-book-content"></i> <span>Badges & Certifications</span></a></li>
<!-- <li><a href="#services" class="nav-link scrollto"><i class="bx bx-server"></i> <span>Services</span></a></li> -->
<li><a href="#contact" class="nav-link scrollto"><i class="bx bx-envelope"></i> <span>Contact</span></a></li>
</ul>
</nav><!-- .nav-menu -->
Expand Down Expand Up @@ -329,7 +329,7 @@ <h5>2015</h5>
</div>
</div>
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
<h3 class="resume-title">Professional Experience</h3>
<h3 class="resume-title">Project Experience</h3>

<div class="resume-item">
<h4>Natural Language Processing (NLP)</h4>
Expand Down Expand Up @@ -381,6 +381,85 @@ <h5>2022 - present</h5>
</div>
</section><!-- End Resume Section -->

<!-- ======= Projects Section ======= -->
<section id="projects" class="portfolio section-bg">
<div class="container">

<div class="section-title">
<h2>Projects</h2>
<p>The following are the Projects I have completed in my journey, while enjoying my leisure time</p>
</div>


<div class="row portfolio-container" data-aos="fade-up" data-aos-delay="100">

<div class="col-lg-4 col-md-6 portfolio-item filter-cisco" align="center">
<H2 > StarFly Interstellar Traveling</H2>
<div class="portfolio-wrap">
<img src="assets\projects\starfly.gif" class="img-fluid" alt="" >
<div class="portfolio-links">
<!-- <a href="assets\img\badges and certifications/cisco/iot.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Cisco IoT"><i class="bx bx-plus"></i></a> -->
<a href="https://github.com/SuwanSankaja/StarFly_Interstellar_Traveling"><i class="bx bx-link"></i></a>
</div>
</div>
</div>



<div class="col-lg-4 col-md-6 portfolio-item filter-cisco" align="center">

<div align-items='center'>

<H2 >Medical Chatbot with RASA</H2>


<video controls autoplay>
<source src="assets\projects\rasa.mp4" type="video/mp4">

</video>
<div class="portfolio-links">
<a href="https://github.com/SuwanSankaja/StarFly_Interstellar_Traveling"><i class="bx bx-link"></i></a>
</div>
</div>
</div>




<!-- </div>
<div class="row portfolio-container" data-aos="fade-up" data-aos-delay="100">
<div class="col-lg-4 col-md-6 portfolio-item filter-cisco" align="center">
<H2 > StarFly Interstellar Traveling</H2>
<div class="portfolio-wrap">
<img src="assets\projects\starfly.gif" class="img-fluid" alt="" >
<div class="portfolio-links">
<a href="assets\img\badges and certifications/cisco/iot.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Cisco IoT"><i class="bx bx-plus"></i></a>
<a href="https://github.com/SuwanSankaja/StarFly_Interstellar_Traveling"><i class="bx bx-link"></i></a> -->
<!-- </div>
</div>
</div>
</div> --> -->











</div>
</section><!-- End Portfolio Section -->





<!-- ======= portfolio Section ======= -->
<section id="portfolio" class="portfolio section-bg">
<div class="container">
Expand Down

0 comments on commit 421593f

Please sign in to comment.