Skip to content

Commit

Permalink
Portfoli full (#38)
Browse files Browse the repository at this point in the history 
* Ozodbek Portfolio section

Done

* Shadow > not

* new

* 4:27

* Update Home.razor

* Update Home.razor

* Update Home.razor

---------

Co-authored-by: Wahid Abduhakimov <[email protected]>
  • Loading branch information
@OzodbekSoft @wahidustoz
OzodbekSoft and wahidustoz authored May 31, 2024
1 parent 46ad9f2 commit ef78b67
Show file tree
Hide file tree
Showing 14 changed files with 265 additions and 10 deletions.
48 changes: 48 additions & 0 deletions Portfolio-details.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
<section id="portfolio-details" class="portfolio-details">
<div class="container">

<div class="row gy-4">

<div class="col-lg-8">
<div class="portfolio-details-slider swiper">
<div class="swiper-wrapper align-items-center">

<div class="swiper-slide">
<img src="./img/39school.png" alt="">
</div>

<div class="swiper-slide">
<img src="./img/portfolio/portfolio-details-2.jpg" alt="">
</div>

<div class="swiper-slide">
<img src="./img/portfolio/portfolio-details-3.jpg" alt="">
</div>

</div>
<div class="swiper-pagination"></div>
</div>
</div>

<div class="col-lg-4">
<div class="portfolio-info">
<h3>Project information</h3>
<ul>
<li><strong>Category</strong>: Web design</li>
<li><strong>Client</strong>: ASU Company</li>
<li><strong>Project date</strong>: 01 March, 2020</li>
<li><strong>Project URL</strong>: <a href="#">www.example.com</a></li>
</ul>
</div>
<div class="portfolio-description">
<h2>This is an example of portfolio detail</h2>
<p>
Autem ipsum nam porro corporis rerum. Quis eos dolorem eos itaque inventore commodi labore quia quia. Exercitationem repudiandae officiis neque suscipit non officia eaque itaque enim. Voluptatem officia accusantium nesciunt est omnis tempora consectetur dignissimos. Sequi nulla at esse enim cum deserunt eius.
</p>
</div>
</div>

</div>

</div>
</section>
153 changes: 153 additions & 0 deletions src/School39.Landing/Components/PortfolioComponent.razor
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,153 @@
<div class="container-xxl py-5">
<div class="container">
<div class="section-title text-center">
<h1 style="font-family: sans-serif;" class="display-5 mb-5">Bizning <span
style="color: blue; font-family: sans-serif;">Loyihalar</span></h1>
<p>Ushbu bo'limda so'ngi vaqtlarda erishgan Maktabimiz, Yutuqlarimiz, Tadbirlar <br> va turli tuman
loyihalarimiz haqida ma'lumot olasiz.
</p>
<h1>Bizning
<span style="color: blue; font-family: sans-serif;">Loyihalar</span>
</h1>
<p>Ushbu bo'limda so'ngi vaqtlarda erishgan Maktabimiz, Yutuqlarimiz, Tadbirlar <br> va turli tuman
loyihalarimiz haqida ma'lumot olasiz.</p>
</div>


<div class="row g-4">
<div class="col-md-6 col-lg-4 wow fadeInUp" data-wow-delay="0.1s"
style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
<div class="service-item">
<div class="overflow-hidden">
<img class="img-fluid" src="./img/39school.png" alt="" style="height: 250px;">
</div>
<div class="p-4 text-center border border-5 border-light border-top-0">
<h4 class="mb-3">Maktabga kirish</h4>
<p>Ushbu rasmda ko'rib turganingizdek, bu yer Maktabimizning kirish qismi va shu o'rinda yuzi
hisoblanadi</p>
</div>
</div>
</div>


<div class="col-md-6 col-lg-4 wow fadeInUp" data-wow-delay="0.3s"
style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
<div class="service-item">
<div class="overflow-hidden">
<img class="img-fluid" src="./img/portfolio/Hovli.png" alt="" style="height: 250px;">
</div>
<div class="p-4 text-center border border-5 border-light border-top-0">
<h4 class="mb-3">Maktab hovlisi</h4>
<p>Har bir ilm dargohida o'ziga hos hovlisi bo'lgani kabi, bizning Maktabimizda ham keng va
ko'rkam hovli mavjud. </p>
</div>
</div>
</div>


<div class="col-md-6 col-lg-4 wow fadeInUp" data-wow-delay="0.5s"
style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<div class="service-item">
<div class="overflow-hidden">
<img class="img-fluid" src="./img/portfolio/yoshlar_qonun.png" alt="" style="height: 250px;">
</div>
<div class="p-4 text-center border border-5 border-light border-top-0">
<h4 class="mb-3">So'ngi qo'ng'iroq</h4>
<p>2024-yil Bitiruvchilamizdan olingan lavhalar. Ular bizning Maktabni bitirgach katta hayotga
qadam qo'yadilar </p>
</div>
</div>
</div>


<div class="col-md-6 col-lg-4 wow fadeInUp" data-wow-delay="0.1s"
style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
<div class="service-item">
<div class="overflow-hidden">
<img class="img-fluid" src="./img/portfolio/Yoshlar_qonun2.png" alt="" style="height: 250px;">

</div>
<div class="p-4 text-center border border-5 border-light border-top-0">
<h4 class="mb-3">Yoshlar va Qonun</h4>
<p>Yoshlar va Qonun loyihasida, Maktabimiz faxrli 1-o'rinni qo'lga kiritib, Respublika bosqichi
uchun yo'llanma oldi.</p>
</div>
</div>
</div>


<div id="hover_qilish" class="col-md-6 col-lg-4 wow fadeInUp" data-wow-delay="0.3s"
style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
<div class="service-item">
<div class="overflow-hidden">
<img class="img-fluid" src="./img/portfolio/wahid_ustoz.png" alt="" style="height: 250px;">
</div>
<div class="p-4 text-center border border-5 border-light border-top-0">
<h4 class="mb-3">Informatika to'garagi</h4>
<p>Bizning maktab Axborot texnologiyasi, ya'ni Informatikaga juda qattiq urg'u qaratgan.
Shuningdek hozirgi lavhadan ko'rishingiz mumkin.</p>
</div>
</div>
</div>


<div class="col-md-6 col-lg-4 wow fadeInUp" data-wow-delay="0.5s"
style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<div class="service-item">
<div class="overflow-hidden">
<img class="img-fluid" src="./img/portfolio/jamoaviy_tadbir.png" alt="" style="height: 250px;">
</div>
<div class="p-4 text-center border border-5 border-light border-top-0">
<h4 class="mb-3">Bitiruvchilar Tadbirlari</h4>
<p>2024 - yilda Bitiruvchilarimiz tomonidan turli xil musobaqalar, tadbirlar va ko'plab ishlar
qilib Maktabni bitirishdi.</p>
</div>
</div>
</div>

<div class="col-md-6 col-lg-4 wow fadeInUp" data-wow-delay="0.5s"
style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<div class="service-item">
<div class="overflow-hidden">
<img class="img-fluid" src="./img/portfolio/Informatika.png" alt="" style="height: 250px;">
</div>
<div class="p-4 text-center border border-5 border-light border-top-0">
<h4 class="mb-3">Informatika ochiq dars</h4>
<p>Informatika fani bo'yicha Formula va Funksiyalardan foydalanish bo'yicha ochiq darsdan
lavhalar.</p>
</div>
</div>
</div>

<div class="col-md-6 col-lg-4 wow fadeInUp" data-wow-delay="0.5s"
style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<div class="service-item">
<div class="overflow-hidden">
<img class="img-fluid" src="./img/portfolio/darsda.png" alt="">
</div>
<div class="p-4 text-center border border-5 border-light border-top-0">
<h4 class="mb-3">Axborot Texnologiyalari</h4>
<p>Axborot Texnologiyalari fani juda ham qiziqarli va sifatli tarzda olib borilmoqda. Lavhalarni
sizlar bilan ulashamiz.</p>
</div>
</div>
</div>

<div class="col-md-6 col-lg-4 wow fadeInUp" data-wow-delay="0.5s"
style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<div class="service-item">
<div class="overflow-hidden">
<img class="img-fluid" src="./img/portfolio/Tadbir.png" alt="" style="height: 250px;">
</div>
<div class="p-4 text-center border border-5 border-light border-top-0">
<h4 class="mb-3">Yoshlar va Qonun Namangan bosqichi</h4>
<p>2024-yilda | Yoshlar va Qonun Namagan bosqichi ko'rik tanlovining mutlaq g'olibi, Bizning
39-sonli Maktabimiz! Keyingi bekat Respublika ko'rik tanlovi</p>
</div>
</div>
</div>


</div>
</div>
</div>
10 changes: 1 addition & 9 deletions src/School39.Landing/Pages/Home.razor
View file
Original file line number Diff line number Diff line change
@@ -1,20 +1,12 @@
@page "/"

@*
⚠️⚠️⚠️
Akala Home.razor faylini o'zgartirishila shart emas.
PortfolioComponent yaratilgandan keyin uncomment qilib qoyilsa boldi
Bu yerdagi Componentlarni TARTIBINI jonli darsimizni 17 daqiqa 56 soniyasida ustoz ko'rsatib bergan tartiblari bo'yicha qilingan
Ushbu commentnixam keyinchalik o'chirib tashlanadi!!!
*@

<PageTitle>Home</PageTitle>
<TopbarComponent/>
<HeaderComponent/>
<HeroComponent/>
<FeatureComponent/>
<AboutComponent/>
@* <PortfolioComponent/> *@
<PortfolioComponent/>
<ServicesComponent/>
<TeamComponent />
<ContactsComponent/>
Expand Down
63 changes: 63 additions & 0 deletions src/School39.Landing/wwwroot/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -578,6 +578,69 @@ h6 {
}
}


/* Portfolios */
.service-item {
width: 400px;
height: 450px;
position: relative;
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border-radius: 10px;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.142);
}
.service-item img
{
width: 100%;
height: 60%;
}
.service-item:hover {
transform: scale(1.05);
box-shadow: 0px black;
cursor: pointer;
}

.service-item .overflow-hidden {
overflow: hidden;
width: 100%;
height: auto;
transition: transform 0.3s ease, filter 0.3s ease;
}

.service-item img {
transition: transform 0.5s ease;
}

/* .service-item:hover img {
transform: scale(1.1);
filter: blur(5px);
transition: 0.3s;
} */

.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
/* background: rgba(0, 0, 0, 0.5); */
color: white;
font-size: 24px;
opacity: 0;
transition: opacity 0.3s ease;
}

.service-item:hover .overlay {
opacity: 1;
}

/* Portfolios ended */



/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
Expand Down
Binary file added src/School39.Landing/wwwroot/img/portfolio/Hovli.png
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 src/School39.Landing/wwwroot/img/portfolio/Informatika.png
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 src/School39.Landing/wwwroot/img/portfolio/Maktab.png
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 src/School39.Landing/wwwroot/img/portfolio/Tadbir.png
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 src/School39.Landing/wwwroot/img/portfolio/Yoshlar_qonun2.png
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 src/School39.Landing/wwwroot/img/portfolio/darsda.png
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 src/School39.Landing/wwwroot/img/portfolio/jamoaviy_tadbir.png
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 src/School39.Landing/wwwroot/img/portfolio/wahid_ustoz.png
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 src/School39.Landing/wwwroot/img/portfolio/yoshlar_qonun.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 0 additions & 1 deletion src/School39.Landing/wwwroot/js/main.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -286,5 +286,4 @@
* Initiate Pure Counter
*/
new PureCounter();

})()

0 comments on commit ef78b67

Please sign in to comment.