diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..1288c3d Binary files /dev/null and b/.DS_Store differ diff --git a/design-assets/.DS_Store b/design-assets/.DS_Store new file mode 100644 index 0000000..8b3fd5a Binary files /dev/null and b/design-assets/.DS_Store differ diff --git a/design-assets/bgk-footer.png b/design-assets/bgk-footer.png new file mode 100644 index 0000000..a601e47 Binary files /dev/null and b/design-assets/bgk-footer.png differ diff --git a/design-assets/bgk-header.png b/design-assets/bgk-header.png new file mode 100644 index 0000000..4390dcf Binary files /dev/null and b/design-assets/bgk-header.png differ diff --git a/design-assets/bgk-middle.png b/design-assets/bgk-middle.png new file mode 100644 index 0000000..fdc42cc Binary files /dev/null and b/design-assets/bgk-middle.png differ diff --git a/design-assets/png/1280px-Barneys_New_York_Logo.png b/design-assets/png/1280px-Barneys_New_York_Logo.png new file mode 100644 index 0000000..a0c586d Binary files /dev/null and b/design-assets/png/1280px-Barneys_New_York_Logo.png differ diff --git a/design-assets/png/1280px-Gucci_Logo.png b/design-assets/png/1280px-Gucci_Logo.png new file mode 100644 index 0000000..a8546e4 Binary files /dev/null and b/design-assets/png/1280px-Gucci_Logo.png differ diff --git a/design-assets/png/1280px-Levi's_logo.png b/design-assets/png/1280px-Levi's_logo.png new file mode 100644 index 0000000..b9cafd8 Binary files /dev/null and b/design-assets/png/1280px-Levi's_logo.png differ diff --git a/design-assets/png/1280px-Logo_NIKE.png b/design-assets/png/1280px-Logo_NIKE.png new file mode 100644 index 0000000..3e65c77 Binary files /dev/null and b/design-assets/png/1280px-Logo_NIKE.png differ diff --git a/design-assets/png/Billabong.png b/design-assets/png/Billabong.png new file mode 100644 index 0000000..fd95128 Binary files /dev/null and b/design-assets/png/Billabong.png differ diff --git a/design-assets/png/Calvin_klein_logo.png b/design-assets/png/Calvin_klein_logo.png new file mode 100644 index 0000000..27ebb2a Binary files /dev/null and b/design-assets/png/Calvin_klein_logo.png differ diff --git a/design-assets/png/Converse_logo.png b/design-assets/png/Converse_logo.png new file mode 100644 index 0000000..a960630 Binary files /dev/null and b/design-assets/png/Converse_logo.png differ diff --git a/design-assets/png/Logo_of_Mango_(new).png b/design-assets/png/Logo_of_Mango_(new).png new file mode 100644 index 0000000..e21dbdc Binary files /dev/null and b/design-assets/png/Logo_of_Mango_(new).png differ diff --git a/design-assets/png/Puma_Logo.png b/design-assets/png/Puma_Logo.png new file mode 100644 index 0000000..9cedb90 Binary files /dev/null and b/design-assets/png/Puma_Logo.png differ diff --git a/design-assets/png/Zara_Logo.png b/design-assets/png/Zara_Logo.png new file mode 100644 index 0000000..08c5a42 Binary files /dev/null and b/design-assets/png/Zara_Logo.png differ diff --git a/design-assets/png/big104.png b/design-assets/png/big104.png new file mode 100644 index 0000000..6349a90 Binary files /dev/null and b/design-assets/png/big104.png differ diff --git a/design-assets/png/dribbble.png b/design-assets/png/dribbble.png new file mode 100644 index 0000000..652a40d Binary files /dev/null and b/design-assets/png/dribbble.png differ diff --git a/design-assets/png/facebook.png b/design-assets/png/facebook.png new file mode 100644 index 0000000..78f6cb3 Binary files /dev/null and b/design-assets/png/facebook.png differ diff --git a/design-assets/png/gameboy.png b/design-assets/png/gameboy.png new file mode 100644 index 0000000..1943237 Binary files /dev/null and b/design-assets/png/gameboy.png differ diff --git a/design-assets/png/gplus.png b/design-assets/png/gplus.png new file mode 100644 index 0000000..1c2bf57 Binary files /dev/null and b/design-assets/png/gplus.png differ diff --git a/design-assets/png/graph.png b/design-assets/png/graph.png new file mode 100644 index 0000000..5091fbd Binary files /dev/null and b/design-assets/png/graph.png differ diff --git a/design-assets/png/heart.png b/design-assets/png/heart.png new file mode 100644 index 0000000..cdb51fc Binary files /dev/null and b/design-assets/png/heart.png differ diff --git a/design-assets/png/instagram.png b/design-assets/png/instagram.png new file mode 100644 index 0000000..4d93238 Binary files /dev/null and b/design-assets/png/instagram.png differ diff --git a/design-assets/png/logo-big.png b/design-assets/png/logo-big.png new file mode 100644 index 0000000..f856057 Binary files /dev/null and b/design-assets/png/logo-big.png differ diff --git a/design-assets/png/logo.png b/design-assets/png/logo.png new file mode 100644 index 0000000..58c41b5 Binary files /dev/null and b/design-assets/png/logo.png differ diff --git a/design-assets/png/mobile.png b/design-assets/png/mobile.png new file mode 100644 index 0000000..af3dbc2 Binary files /dev/null and b/design-assets/png/mobile.png differ diff --git a/design-assets/png/paper122.png b/design-assets/png/paper122.png new file mode 100644 index 0000000..6caf99d Binary files /dev/null and b/design-assets/png/paper122.png differ diff --git a/design-assets/png/pen.png b/design-assets/png/pen.png new file mode 100644 index 0000000..8a9f019 Binary files /dev/null and b/design-assets/png/pen.png differ diff --git a/design-assets/png/phone351.png b/design-assets/png/phone351.png new file mode 100644 index 0000000..3546a06 Binary files /dev/null and b/design-assets/png/phone351.png differ diff --git a/design-assets/png/play.png b/design-assets/png/play.png new file mode 100644 index 0000000..23eeef7 Binary files /dev/null and b/design-assets/png/play.png differ diff --git a/design-assets/png/screen.png b/design-assets/png/screen.png new file mode 100644 index 0000000..aefe89d Binary files /dev/null and b/design-assets/png/screen.png differ diff --git a/design-assets/png/twitter.png b/design-assets/png/twitter.png new file mode 100644 index 0000000..f6203f0 Binary files /dev/null and b/design-assets/png/twitter.png differ diff --git a/design-assets/png/youtube.png b/design-assets/png/youtube.png new file mode 100644 index 0000000..2f41629 Binary files /dev/null and b/design-assets/png/youtube.png differ diff --git a/design-assets/svg/1280px-Barneys_New_York_Logo.svg b/design-assets/svg/1280px-Barneys_New_York_Logo.svg new file mode 100644 index 0000000..908894b --- /dev/null +++ b/design-assets/svg/1280px-Barneys_New_York_Logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/design-assets/svg/1280px-Gucci_Logo.svg b/design-assets/svg/1280px-Gucci_Logo.svg new file mode 100644 index 0000000..8df60b4 --- /dev/null +++ b/design-assets/svg/1280px-Gucci_Logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/design-assets/svg/1280px-Levi's_logo.svg b/design-assets/svg/1280px-Levi's_logo.svg new file mode 100644 index 0000000..de6206c --- /dev/null +++ b/design-assets/svg/1280px-Levi's_logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/design-assets/svg/1280px-Logo_NIKE.svg b/design-assets/svg/1280px-Logo_NIKE.svg new file mode 100644 index 0000000..9f80f90 --- /dev/null +++ b/design-assets/svg/1280px-Logo_NIKE.svg @@ -0,0 +1,3 @@ + + + diff --git a/design-assets/svg/Billabong.svg b/design-assets/svg/Billabong.svg new file mode 100644 index 0000000..0187ac7 --- /dev/null +++ b/design-assets/svg/Billabong.svg @@ -0,0 +1,3 @@ + + + diff --git a/design-assets/svg/Calvin_klein_logo.svg b/design-assets/svg/Calvin_klein_logo.svg new file mode 100644 index 0000000..3d0adc0 --- /dev/null +++ b/design-assets/svg/Calvin_klein_logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/design-assets/svg/Converse_logo.svg b/design-assets/svg/Converse_logo.svg new file mode 100644 index 0000000..ea8af56 --- /dev/null +++ b/design-assets/svg/Converse_logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/design-assets/svg/Logo_of_Mango_(new).svg b/design-assets/svg/Logo_of_Mango_(new).svg new file mode 100644 index 0000000..5cc9941 --- /dev/null +++ b/design-assets/svg/Logo_of_Mango_(new).svg @@ -0,0 +1,3 @@ + + + diff --git a/design-assets/svg/Puma_Logo.svg b/design-assets/svg/Puma_Logo.svg new file mode 100644 index 0000000..13d8df9 --- /dev/null +++ b/design-assets/svg/Puma_Logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/design-assets/svg/Zara_Logo.svg b/design-assets/svg/Zara_Logo.svg new file mode 100644 index 0000000..f733ec4 --- /dev/null +++ b/design-assets/svg/Zara_Logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/design-assets/svg/big104.svg b/design-assets/svg/big104.svg new file mode 100644 index 0000000..e593809 --- /dev/null +++ b/design-assets/svg/big104.svg @@ -0,0 +1,3 @@ + + + diff --git a/design-assets/svg/dribbble.svg b/design-assets/svg/dribbble.svg new file mode 100644 index 0000000..e7aaabc --- /dev/null +++ b/design-assets/svg/dribbble.svg @@ -0,0 +1,13 @@ + + + + + + + diff --git a/design-assets/svg/facebook.svg b/design-assets/svg/facebook.svg new file mode 100644 index 0000000..fc3d200 --- /dev/null +++ b/design-assets/svg/facebook.svg @@ -0,0 +1,13 @@ + + + + + + + diff --git a/design-assets/svg/gameboy.svg b/design-assets/svg/gameboy.svg new file mode 100644 index 0000000..c7bccb7 --- /dev/null +++ b/design-assets/svg/gameboy.svg @@ -0,0 +1,3 @@ + + + diff --git a/design-assets/svg/gplus.svg b/design-assets/svg/gplus.svg new file mode 100644 index 0000000..ca43089 --- /dev/null +++ b/design-assets/svg/gplus.svg @@ -0,0 +1,13 @@ + + + + + + + diff --git a/design-assets/svg/graph.svg b/design-assets/svg/graph.svg new file mode 100644 index 0000000..8617b51 --- /dev/null +++ b/design-assets/svg/graph.svg @@ -0,0 +1,3 @@ + + + diff --git a/design-assets/svg/heart.svg b/design-assets/svg/heart.svg new file mode 100644 index 0000000..89acb26 --- /dev/null +++ b/design-assets/svg/heart.svg @@ -0,0 +1,3 @@ + + + diff --git a/design-assets/svg/instagram.svg b/design-assets/svg/instagram.svg new file mode 100644 index 0000000..3d183f0 --- /dev/null +++ b/design-assets/svg/instagram.svg @@ -0,0 +1,13 @@ + + + + + + + diff --git a/design-assets/svg/logo-big.svg b/design-assets/svg/logo-big.svg new file mode 100644 index 0000000..0402152 --- /dev/null +++ b/design-assets/svg/logo-big.svg @@ -0,0 +1,3 @@ + + + diff --git a/design-assets/svg/logo.svg b/design-assets/svg/logo.svg new file mode 100644 index 0000000..c9e51bf --- /dev/null +++ b/design-assets/svg/logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/design-assets/svg/mobile.svg b/design-assets/svg/mobile.svg new file mode 100644 index 0000000..11edeab --- /dev/null +++ b/design-assets/svg/mobile.svg @@ -0,0 +1,3 @@ + + + diff --git a/design-assets/svg/paper122.svg b/design-assets/svg/paper122.svg new file mode 100644 index 0000000..3f09f41 --- /dev/null +++ b/design-assets/svg/paper122.svg @@ -0,0 +1,3 @@ + + + diff --git a/design-assets/svg/pen.svg b/design-assets/svg/pen.svg new file mode 100644 index 0000000..03c510a --- /dev/null +++ b/design-assets/svg/pen.svg @@ -0,0 +1,3 @@ + + + diff --git a/design-assets/svg/phone351.svg b/design-assets/svg/phone351.svg new file mode 100644 index 0000000..2d7a2d4 --- /dev/null +++ b/design-assets/svg/phone351.svg @@ -0,0 +1,3 @@ + + + diff --git a/design-assets/svg/play.svg b/design-assets/svg/play.svg new file mode 100644 index 0000000..067db33 --- /dev/null +++ b/design-assets/svg/play.svg @@ -0,0 +1,13 @@ + + + + + + + diff --git a/design-assets/svg/screen.svg b/design-assets/svg/screen.svg new file mode 100644 index 0000000..d5e9f31 --- /dev/null +++ b/design-assets/svg/screen.svg @@ -0,0 +1,3 @@ + + + diff --git a/design-assets/svg/twitter.svg b/design-assets/svg/twitter.svg new file mode 100644 index 0000000..e957a05 --- /dev/null +++ b/design-assets/svg/twitter.svg @@ -0,0 +1,13 @@ + + + + + + + diff --git a/design-assets/svg/youtube.svg b/design-assets/svg/youtube.svg new file mode 100644 index 0000000..00c004d --- /dev/null +++ b/design-assets/svg/youtube.svg @@ -0,0 +1,13 @@ + + + + + + + diff --git a/design.png b/design.png new file mode 100644 index 0000000..d0c14c5 Binary files /dev/null and b/design.png differ diff --git a/design.psd b/design.psd new file mode 100644 index 0000000..c2bb3e1 Binary files /dev/null and b/design.psd differ diff --git a/index.html b/index.html index b1337fc..8bc01b8 100644 --- a/index.html +++ b/index.html @@ -1,25 +1,91 @@ - - - - Document - - - - - -
-
- -
-
- -
-
- -
- -
- + + + + Document + + + + + +
+
+ +
+
+ +
+
+ + + +
+
+
+

CONTACT US

+
+ + + + + + + + + +
+
+
+

OUR HAPPY CLIENTS

+
+ +
+
+
+
+ + +
+ diff --git a/style.css b/style.css index a4a2ae6..f2394fa 100644 --- a/style.css +++ b/style.css @@ -8,8 +8,140 @@ body { min-height: 100vh; } -@media (max-width: 480px) { + + + +.contact-form { + flex: 1; + padding: 20px; + background-color: #f2f2f2; + border-radius: 5px; + margin-right: 20px; +} + +.contact-details { + text-align: left; +} + +.contact-form h2, +.happy-customers h2 { + margin-bottom: 10px; +} + +form { + display: flex; + flex-direction: column; +} + +label { + font-weight: bold; + margin-top: 10px; +} + +input[type="text"], +input[type="email"], +textarea { + padding: 10px; + margin-bottom: 10px; + border: 1px solid #ccc; + border-radius: 5px; +} + +button[type="submit"] { + background-color: #333; + color: #fff; + border: none; + padding: 10px 20px; + cursor: pointer; + align-self: flex-start; +} + +.happy-customers { + flex: 1; + background-color: #f2f2f2; + padding: 20px; + border-radius: 5px; +} + +.client-logos { + display: flex; + flex-wrap: wrap; +} + +.client-logos img { + width: 100px; + height: auto; + margin: 10px; +} + +/* Style the footer */ +footer { + background-color: #333; + color: #fff; + padding: 20px; + text-align: center; } -@media (max-width: 768px) { +.footer-section { + display: flex; + justify-content: space-between; + align-items: flex-start; } + +.brand-info { + flex: 1; + text-align: left; +} + +.brand-info img { + width: 100px; + height: auto; + margin-bottom: 10px; +} + +nav ul { + list-style-type: none; +} + +nav ul li { + margin-bottom: 10px; +} + +.our-studio { + flex: 1; + text-align: left; +} + +.stay-in-touch { + flex: 1; + text-align: left; +} + +.stay-in-touch button { + background-color: #333; + color: #fff; + border: none; + padding: 10px 20px; + margin-bottom: 10px; + cursor: pointer; +} + +.stay-in-touch .social-media { + display: flex; + justify-content: space-between; +} + +.stay-in-touch .social-media a { + color: #fff; + text-decoration: none; + font-size: 20px; + margin: 0 10px; +} + +.copyright { + margin-top: 20px; +} + +@media (max-width: 480px) {} + +@media (max-width: 768px) {} \ No newline at end of file