about changes

DancheBacheva · Apr 19, 2024 · 83e73b9 · 83e73b9
1 parent a6a911a
commit 83e73b9
Show file tree

Hide file tree

Showing 26 changed files with 215 additions and 133 deletions.
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/png" href="/dbblue2.png" />
+    <link rel="icon" type="image/png" href="/logodb4.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>My Portfolio</title>
   </head>

diff --git a/public/logodb4.png b/public/logodb4.png
diff --git a/src/assets/about/image-coffee-keyboard.jpg b/src/assets/about/image-coffee-keyboard.jpg
diff --git a/src/assets/backgrounds/Untitled_Artwork (1).jpg b/src/assets/backgrounds/Untitled_Artwork (1).jpg
diff --git a/src/assets/backgrounds/Untitled_Artwork 3.jpg b/src/assets/backgrounds/Untitled_Artwork 3.jpg
diff --git a/src/assets/backgrounds/Untitled_Artwork 4.jpg b/src/assets/backgrounds/Untitled_Artwork 4.jpg
diff --git a/src/assets/backgrounds/Untitled_Artwork.jpg b/src/assets/backgrounds/Untitled_Artwork.jpg
diff --git a/src/assets/backgrounds/Untitled_Artwork5.jpg b/src/assets/backgrounds/Untitled_Artwork5.jpg
diff --git a/src/assets/backgrounds/Untitled_Artwork6.jpg b/src/assets/backgrounds/Untitled_Artwork6.jpg
diff --git a/src/assets/backgrounds/Untitled_Artwork8.jpg b/src/assets/backgrounds/Untitled_Artwork8.jpg
diff --git a/src/assets/backgrounds/background-images-for-technology.jpg b/src/assets/backgrounds/background-images-for-technology.jpg
diff --git a/src/assets/backgrounds/cinematiclogo.jpeg b/src/assets/backgrounds/cinematiclogo.jpeg
diff --git a/src/assets/backgrounds/dbblue.png b/src/assets/backgrounds/dbblue.png
diff --git a/src/assets/backgrounds/dbblue2.png b/src/assets/backgrounds/dbblue2.png
diff --git a/src/assets/backgrounds/dbgold.png b/src/assets/backgrounds/dbgold.png
diff --git a/src/assets/backgrounds/futuristic-7020072_1280.jpg b/src/assets/backgrounds/futuristic-7020072_1280.jpg
diff --git a/src/assets/backgrounds/logoDB.png b/src/assets/backgrounds/logoDB.png
diff --git a/src/assets/backgrounds/logodb4.png b/src/assets/backgrounds/logodb4.png
diff --git a/src/assets/backgrounds/modernlogo.jpeg b/src/assets/backgrounds/modernlogo.jpeg
diff --git a/src/assets/backgrounds/web-design-2906159_640.jpg b/src/assets/backgrounds/web-design-2906159_640.jpg
diff --git a/src/components/About/About.css b/src/components/About/About.css
@@ -1,19 +1,36 @@
 .about-info-container{
   display: flex;
+  /* flex-direction: column; */
   justify-content: center;
   align-items: center;
+  margin-left: 250px;
+  padding: 30px;
 }
 
 .info-container{
-  width: 330px;
-  height: 230px;
+  width: 430px;
+  height: auto;
   border-radius: 10px;
-  margin: 30px;
+  margin: 10px;
   display: flex;
-  flex-direction: column;
+  /* flex-direction: column; */
   justify-content: center;
   align-items: center;
-  box-shadow: 6px 6px 8px 0px #00000040;
+  box-shadow: 0px 4px 3px 3px #00000040;
+  background-color: white;
+}
+
+.hi{
+  font-size: xx-large;
+}
+
+.description-container{
+  width: 430px;
+  height: auto;
+  border-radius: 10px;
+  margin-left: 30px;
+  margin-bottom: 20px;
+  box-shadow: 0px 4px 3px 3px #00000040;
   background-color: white;
 }
 
@@ -23,63 +40,95 @@
 
 .react-icon,
 .nodejs-icon{
-  width: 50px;
-  height: 50px;
-  margin: 10px;
+  width: 30px;
+  height: 30px;
+  margin: 5px;
 }
 
 .en-icon,
 .fr-icon{
-  width: 60px;
-  height: 50px;
-  margin: 10px;
+  width: 40px;
+  height: 30px;
+  /* margin: 10px; */
   border-radius: 50%;
 }
 
 h5{
   margin: 0;
 }
 
+.profession{
+margin-left: 20px;
+}
+
 .about-container{
-  max-width: 700px;
-  height: 230px;
-  background-color: white;
+  max-width: 800px;
+  height: auto;
+  background-image: url("/src/assets/about/image-coffee-keyboard.jpg");
+  background-size: cover;
+  background-position: center;
   color: #0693e3;
   border-radius: 10px;
   margin: 0 auto;
-  padding: 30px 50px;
+  padding: 0px 10px;
   box-shadow: 6px 6px 8px 0px #00000040;
+  margin: 20px 0;
 }
 
 .about-container span{
  margin: 0 auto;
 }
 
+.details-container{
+  width: 100%;
+  max-width: 1980px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  /* margin: 10px 0; */
+}
+
 .about-h2-container{
   width: 100%;
   max-width: 1980px;
   display: flex;
-  justify-content: space-around;
+  justify-content: space-evenly;
+  margin: 10px 0;
+}
+
+.about-h2-container h2{
+  width: 250px;
+  display: flex;
+  justify-content: space-evenly;
   background-color: #0693e3;
-  margin: 20px 0;
+  margin: 10px 0;
   box-shadow: 6px 6px 8px 0px #00000040;
+  border-radius: 10px;
+  color: white;
 }
 
 .about-content-container{
+  width: 100%;
+  max-width: 1980px;
   display: flex;
-  justify-content: space-around;
+  flex-direction: column;
+  color: #0693e3;
 }
 
-.about-h2-container h2{
- width: 300px;
- color: white;
+.education-container,
+.experience-container{
+  width: 250px;
+  height: 230px;
+  border-radius: 10px;
+  box-shadow: 6px 6px 8px 0px #00000040;
+  background-color: white;
 }
 
 .skills-container{
-  width: 330px;
+  width: 250px;
   height: 230px;
   border-radius: 10px;
-  margin: 20px;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;