diff --git a/.gitignore b/.gitignore index 6d0ee45..d19e84e 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,3 @@ .vscode -.DS_Store \ No newline at end of file +.DS_Store +.vscode \ No newline at end of file diff --git a/assets/css/mobile.css b/assets/css/mobile.css index 9e6a892..b8498a8 100644 --- a/assets/css/mobile.css +++ b/assets/css/mobile.css @@ -31,6 +31,11 @@ #about-us{ margin: .2rem; + flex-direction: column; +} + +#about-us .flex-items{ + width: 100%; } #contact-us{ diff --git a/assets/css/style.css b/assets/css/style.css index 2d6b8b9..0072f69 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -12,7 +12,7 @@ --bg-background:#211818; --text-color:#eee4e4; --nav-color: rgb(57, 69, 69,0.7); - --primary-color: rgb(24, 65, 177); + --primary-color: rgb(38, 90, 231); --secondary-color: rgb(197, 48, 48); --light-primary-color: rgb(121, 151, 235); --sports-color: #f99500; @@ -43,7 +43,7 @@ a{ /* header */ header.hero{ - background: url('../images/business-background-design/242.jpg') no-repeat center center/cover;; + background: url('../images/hero_back.jpg') no-repeat center center/cover;; height: 70vh; position: relative; color: #fff; @@ -199,6 +199,11 @@ header.hero{ #services .grid-title{ grid-column: 1/3; } + + #about-us img{ + height: 10rem; + width: 16rem; + } } #services .grid-item{ @@ -225,6 +230,11 @@ header.hero{ margin-top: .2rem; } +#services .grid-item img{ + width: 100% +} + + /* keymarkets */ @@ -243,12 +253,30 @@ header.hero{ } -#key-markets .panel .map-img.eu{ - background: url('../images/download.jpeg') no-repeat center center/cover; +#key-markets .panel .map-img.ceu{ + background: url('../images/centralEurope.gif') no-repeat center center/cover; + width: 100%; + height: 20rem; + border: 1px solid black; +} + +#key-markets .panel .map-img.eeu{ + background: url('../images/ee.webp') no-repeat center center/cover; + width: 100%; + height: 20rem; + border: 1px solid black; +} + +#key-markets .panel .map-img.ch{ + background: url('../images/china-map.gif') no-repeat center center/cover; width: 100%; height: 20rem; border: 1px solid black; } + + + + #key-markets .panel .map-img{ margin-right: .4rem; border-radius: 10px; @@ -266,10 +294,14 @@ header.hero{ border-radius: 10px; padding: 1rem; display: flex; - justify-content: flex-start; + justify-content: space-between; gap: 3rem; } +#about-us img { + height: 20rem; +} + #about-us .flex-items{ display: flex; flex-direction: column; diff --git a/assets/images/.DS_Store b/assets/images/.DS_Store index 04d550e..c3a6743 100644 Binary files a/assets/images/.DS_Store and b/assets/images/.DS_Store differ diff --git a/assets/images/ARVIN GROUP_logo 3_page-0001.jpg b/assets/images/ARVIN GROUP_logo 3_page-0001.jpg new file mode 100644 index 0000000..5f7a0ef Binary files /dev/null and b/assets/images/ARVIN GROUP_logo 3_page-0001.jpg differ diff --git a/assets/images/centralEurope.gif b/assets/images/centralEurope.gif new file mode 100644 index 0000000..8a29162 Binary files /dev/null and b/assets/images/centralEurope.gif differ diff --git a/assets/images/china-map.gif b/assets/images/china-map.gif new file mode 100644 index 0000000..baba652 Binary files /dev/null and b/assets/images/china-map.gif differ diff --git a/assets/images/cosmetics.avif b/assets/images/cosmetics.avif new file mode 100644 index 0000000..c724f60 Binary files /dev/null and b/assets/images/cosmetics.avif differ diff --git a/assets/images/ee.webp b/assets/images/ee.webp new file mode 100644 index 0000000..7760cd6 Binary files /dev/null and b/assets/images/ee.webp differ diff --git a/assets/images/eletronics.avif b/assets/images/eletronics.avif new file mode 100644 index 0000000..914ac0d Binary files /dev/null and b/assets/images/eletronics.avif differ diff --git a/assets/images/favicon.ico b/assets/images/favicon.ico new file mode 100644 index 0000000..674ca8e Binary files /dev/null and b/assets/images/favicon.ico differ diff --git a/assets/images/hero_back.jpg b/assets/images/hero_back.jpg new file mode 100644 index 0000000..3cf0c11 Binary files /dev/null and b/assets/images/hero_back.jpg differ diff --git a/assets/images/importExport.avif b/assets/images/importExport.avif new file mode 100644 index 0000000..57d8348 Binary files /dev/null and b/assets/images/importExport.avif differ diff --git a/assets/images/logistics.avif b/assets/images/logistics.avif new file mode 100644 index 0000000..b4bd01e Binary files /dev/null and b/assets/images/logistics.avif differ diff --git a/assets/images/pharma.avif b/assets/images/pharma.avif new file mode 100644 index 0000000..ab373f1 Binary files /dev/null and b/assets/images/pharma.avif differ diff --git a/assets/images/retail-store.avif b/assets/images/retail-store.avif new file mode 100644 index 0000000..fca725f Binary files /dev/null and b/assets/images/retail-store.avif differ diff --git a/index.html b/index.html index 0f7e030..11a19d3 100644 --- a/index.html +++ b/index.html @@ -11,6 +11,7 @@ crossorigin="anonymous" referrerpolicy="no-referrer" /> +

Our Services

- +

Electronics

Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus quia @@ -117,7 +118,7 @@

Electronics

- +

Pharmaceuticals

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Magnam eum @@ -126,7 +127,7 @@

Pharmaceuticals

- +

Cosmetics

Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus @@ -136,7 +137,7 @@

Cosmetics

- +

Retail Shops

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Porro, @@ -146,7 +147,7 @@

Retail Shops

- +

Logistics

Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia @@ -157,7 +158,7 @@

Logistics

- +

Import/Export

Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem @@ -176,16 +177,16 @@

Our Key Markets

-
+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt vero pariatur fugit laborum consectetur. Ducimus quos earum, eius sit commodi quam ipsa ut. Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore inventore debitis doloribus fugit? Quos ea dolor earum autem recusandae, illum iure ducimus quaerat! - +

-
+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt vero pariatur fugit laborum consectetur. Ducimus quos earum, eius @@ -193,7 +194,7 @@

Our Key Markets

-
+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt vero pariatur fugit laborum consectetur. Ducimus quos earum, eius @@ -209,7 +210,7 @@

About Us

Lorem ipsum dolor sit amet consectetur adipisicing elit. Error aut dignissimos voluptates ipsa cumque fuga quam ipsum, numquam placeat nesciunt, beatae voluptatum id. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quam iste quidem saepe obcaecati voluptate ipsam, doloremque beatae reiciendis, eum dignissimos nam, quisquam alias vero.

- +