diff --git a/assets/images/beautiful.jpg b/assets/images/beautiful.jpg new file mode 100644 index 0000000..447fbca Binary files /dev/null and b/assets/images/beautiful.jpg differ diff --git a/assets/images/construction.jpg b/assets/images/construction.jpg new file mode 100644 index 0000000..7c1c072 Binary files /dev/null and b/assets/images/construction.jpg differ diff --git a/assets/images/logo.png b/assets/images/logo.png new file mode 100644 index 0000000..435b586 Binary files /dev/null and b/assets/images/logo.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..ba22993 --- /dev/null +++ b/index.html @@ -0,0 +1,38 @@ + + + + + + + Agency + + + + + + + +
+ +

We are a Creative
Design Agency

+
hand and flower in water +

Beauty

+

We strive to create the most beautiful websites for all your needs. Working closely with you + to + design and + develop an amazing website for your business.

+
+ +
metal structure +

Construction

+

Built by our team of professional developers, we ensure the most rigourous and modern websites. Built from + scratch using HTML and CSS. Only the best for you.

+
+ +
+ + + + \ No newline at end of file diff --git a/solution.css b/solution.css new file mode 100644 index 0000000..1f4680b --- /dev/null +++ b/solution.css @@ -0,0 +1,67 @@ +body { + font-family: "Poppins", sans-serif; + margin: 50px 50px 0 50px; + background-color: #faf9f6; + display: flex; + flex-direction: column; + min-height: 95vh; +} +.main { + flex: 1; +} + +h1 { + font-size: 5rem; +} + +footer { + text-align: right; + color: midnightblue; +} + +.tile-image { + height: 200px; + float: left; + margin-right: 50px; +} + +.card { + width: 45%; +} + +.left { + float: left; +} + +.right { + float: right; +} + +.creative { + color: midnightblue; +} + +@media (max-width: 680px) { + .logo { + width: 100px; + } + + h1 { + font-size: 3.5rem; + text-align: center; + } + + .card { + width: 100%; + display: block; + margin-bottom: 30px; + text-align: justify; + } + + .card img { + margin-bottom: 10px; + width: 100%; + display: inline; + object-fit: cover; + } +} diff --git a/solution.html b/solution.html new file mode 100644 index 0000000..8b5e71a --- /dev/null +++ b/solution.html @@ -0,0 +1,38 @@ + + + + + + + Agency + + + + + + + +
+ +

We are a Creative
Design Agency

+
hand and flower in water +

Beauty

+

We strive to create the most beautiful websites for all your needs. Working closely with you + to + design and + develop an amazing website for your business.

+
+ +
metal structure +

Construction

+

Built by our team of professional developers, we ensure the most rigourous and modern websites. Built from + scratch using HTML and CSS. Only the best for you.

+
+ +
+ + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..763b028 --- /dev/null +++ b/style.css @@ -0,0 +1,64 @@ +body { + font-family: "Poppins", sans-serif; + margin: 50px 50px 0 50px; + background-color: #faf9f6; + display: flex; + flex-direction: column; + min-height: 95vh; +} +.main { + flex: 1; +} + +h1 { + font-size: 5rem; +} + +footer { + text-align: right; + color: midnightblue; +} +.left{ + float: left; + +} +.tile-image { + height: 200px; + float: left; + margin-right: 50px; +} +.right{ + float:right ; +} +.card{ + width: 45%; +} +.special{ + color: blueviolet; + +} + +@media (max-width:680px) { + .logo { + width: 100px; + } + + h1{ + font-size: 3.5rem; + text-align: center; + } + + .card { + width: 100%; + display: block; + margin-bottom: 50px; + text-align: justify; + } + + .card img{ + margin-bottom: 10px; + width: 100%; + display: inline; + object-fit:cover; + } +} \ No newline at end of file