updte

QuvonchbekBobojonov · Aug 24, 2024 · 6be16cf · 6be16cf
1 parent 977020c
commit 6be16cf
Show file tree

Hide file tree

Showing 4 changed files with 52 additions and 20 deletions.
diff --git a/frontend/src/assets/portfolio/3.jpg b/frontend/src/assets/portfolio/3.jpg
diff --git a/frontend/src/components/about/index.jsx b/frontend/src/components/about/index.jsx
@@ -20,13 +20,13 @@ function About() {
                             <ul>
                                 <li>Ism: Quvonchbek</li>
                                 <li>Familya: Bobojonov</li>
-                                <li>Yosh: 18</li>
+                                <li>Yosh: {new Date().getFullYear() - 2006}</li>
                                 <li>Daraja: strong junior</li>
                             </ul>
                         </div>
                         <div className="col scroll-animation" data-animation="fade_from_right">
                             <ul>
-                                <li>Tel: +998957090180</li>
+                                <li>Tel: +998 77 404 00 66</li>
                                 <li>Email: [email protected]</li>
                                 <li>ZIP code: 221209</li>
                                 <li>Manzil: Uzbekistan, Xorazm, Yangibozor, Chubalanchi</li>

diff --git a/frontend/src/components/body-overlay/index.jsx b/frontend/src/components/body-overlay/index.jsx
@@ -1,27 +1,27 @@
 import video1 from '../../assets/video1.mp4';
-// import video2 from '../../assets/video2.mp4';
-// import video3 from '../../assets/video3.mp4';
-// import video4 from '../../assets/video4.mp4';
-// import video5 from '../../assets/video5.mp4';
+import video2 from '../../assets/video2.mp4';
+import video3 from '../../assets/video3.mp4';
+import video4 from '../../assets/video4.mp4';
+import video5 from '../../assets/video5.mp4';
 
-// const videos = [
-//     video1,
-//     video2,
-//     video3,
-//     video4,
-//     video5
-// ];
+const videos = [
+    video1,
+    video2,
+    video3,
+    video4,
+    video5
+];
 
-// function getRandomVideo() {
-//   const randomIndex = Math.floor(Math.random() * videos.length);
-//   return videos[randomIndex];
-// }
+function getRandomVideo() {
+  const randomIndex = Math.floor(Math.random() * videos.length);
+  return videos[randomIndex];
+}
 
 function BodyOverlay() {
     // const randomVideo = getRandomVideo();
     return (
         <video className='body-overlay' muted autoPlay loop>
-            <source src={video1} type="video/mp4" />
+            <source src={getRandomVideo()} type="video/mp4" />
         </video>
     );
 }

diff --git a/frontend/src/components/portfolio/index.jsx b/frontend/src/components/portfolio/index.jsx
@@ -1,5 +1,6 @@
 import portfolioImage1 from '../../assets/portfolio/1.png'
 import portfolioImage2 from '../../assets/portfolio/2.png'
+import portfolioImage3 from '../../assets/portfolio/3.jpg'
 
 function Portfolio() {
     return (
@@ -16,6 +17,35 @@ function Portfolio() {
                     </div>
 
                     <div className="row portfolio-items">
+                        <div className="col-md-12 scroll-animation" data-animation="fade_from_bottom">
+                            <div className="portfolio-item portfolio-full">
+                                <div className="portfolio-item-inner">
+                                    <a href={portfolioImage3} data-lightbox="example-1">
+                                        <img src={portfolioImage3} alt="Portfolio"/>
+                                    </a>
+
+                                    <ul className="portfolio-categories">
+                                        <li>
+                                            <a href="">Django</a>
+                                        </li>
+                                        <li>
+                                            <a href="">Django Rest Framework</a>
+                                        </li>
+                                        <li>
+                                            <a href="">MQTT</a>
+                                        </li>
+                                        <li>
+                                            <a href="">JavaScript</a>
+                                        </li>
+                                        <li>
+                                            <a href="">QT</a>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <h2><a href="/" target={'_blank'}>Megalife - Water automation selling device</a></h2>
+                            </div>
+                        </div>
+
                         <div className="col-md-12 scroll-animation" data-animation="fade_from_bottom">
                             <div className="portfolio-item portfolio-full">
                                 <div className="portfolio-item-inner">
@@ -38,7 +68,8 @@ function Portfolio() {
                                         </li>
                                     </ul>
                                 </div>
-                                <h2><a href="https://apteka.medcontrol.uz/" target={'_blank'}>MedControl apteka - Medical Control
+                                <h2><a href="https://apteka.medcontrol.uz/" target={'_blank'}>MedControl apteka -
+                                    Medical Control
                                     System</a></h2>
                             </div>
                         </div>
@@ -62,7 +93,8 @@ function Portfolio() {
                                         </li>
                                     </ul>
                                 </div>
-                                <h2><a href="https://makemoney.uz/uz/" target={'_blank'}>MakeMoney - Online Money Earn System</a></h2>
+                                <h2><a href="https://makemoney.uz/uz/" target={'_blank'}>MakeMoney - Online Money Earn
+                                    System</a></h2>
                             </div>
                         </div>
                     </div>