diff --git a/README.md b/README.md
old mode 100644
new mode 100755
index 249fd1c..08f56fa
--- a/README.md
+++ b/README.md
@@ -1,2 +1,3 @@
-# tp-web-statique-agency
+# Agency
 
+Exercice du cours web statique dans le cadre de ma formation CDA chez Human Booster
\ No newline at end of file
diff --git a/annexes/exercice.png b/annexes/exercice.png
new file mode 100755
index 0000000..e341a2b
Binary files /dev/null and b/annexes/exercice.png differ
diff --git a/assets/favicon.ico b/assets/favicon.ico
new file mode 100755
index 0000000..9356735
Binary files /dev/null and b/assets/favicon.ico differ
diff --git a/assets/img/about/1.jpg b/assets/img/about/1.jpg
new file mode 100755
index 0000000..6ee7ce9
Binary files /dev/null and b/assets/img/about/1.jpg differ
diff --git a/assets/img/about/2.jpg b/assets/img/about/2.jpg
new file mode 100755
index 0000000..c490eef
Binary files /dev/null and b/assets/img/about/2.jpg differ
diff --git a/assets/img/about/3.jpg b/assets/img/about/3.jpg
new file mode 100755
index 0000000..954caf1
Binary files /dev/null and b/assets/img/about/3.jpg differ
diff --git a/assets/img/about/4.jpg b/assets/img/about/4.jpg
new file mode 100755
index 0000000..2771ecd
Binary files /dev/null and b/assets/img/about/4.jpg differ
diff --git a/assets/img/close-icon.svg b/assets/img/close-icon.svg
new file mode 100755
index 0000000..3924563
--- /dev/null
+++ b/assets/img/close-icon.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 579.74 579.74"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:6px;}</style></defs><line class="cls-1" x1="2.12" y1="2.12" x2="577.62" y2="577.62"/><line class="cls-1" x1="2.12" y1="577.62" x2="577.62" y2="2.12"/></svg>
\ No newline at end of file
diff --git a/assets/img/header-bg.jpg b/assets/img/header-bg.jpg
new file mode 100755
index 0000000..eaf775e
Binary files /dev/null and b/assets/img/header-bg.jpg differ
diff --git a/assets/img/hover.png b/assets/img/hover.png
new file mode 100755
index 0000000..da12161
Binary files /dev/null and b/assets/img/hover.png differ
diff --git a/assets/img/logos/facebook.svg b/assets/img/logos/facebook.svg
new file mode 100755
index 0000000..f0b0257
--- /dev/null
+++ b/assets/img/logos/facebook.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 2030.6 546.3" style="enable-background:new 0 0 2030.6 546.3;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#CED4DA;}
+</style>
+<g>
+	<path class="st0" d="M1045.4,269.1c-16.8,0-28.9,5.5-41.1,11.1v126.7c11.7,1.1,18.5,1.1,29.6,1.1c40.2,0,45.8-18.4,45.8-44.2v-60.5
+		C1079.7,284.3,1073.4,269.1,1045.4,269.1L1045.4,269.1z M778.1,262.2c-27.9,0-34.3,15.3-34.3,34.3v10.7h68.6v-10.7
+		C812.4,277.5,806,262.2,778.1,262.2z M260.4,394.1c0,15,7.1,22.8,22.7,22.8c16.8,0,26.7-5.5,39-11.1v-30.1h-36.7
+		C268,375.7,260.4,379,260.4,394.1L260.4,394.1z M1305.4,269.1c-28,0-37.7,15.3-37.7,34.3v69.4c0,19.1,9.7,34.4,37.7,34.4
+		c27.9,0,37.7-15.3,37.7-34.4v-69.4C1343,284.3,1333.3,269.1,1305.4,269.1z M123.3,471.8H41.1v-199H0v-68.6h41.1v-41.2
+		c0-55.9,23.2-89.2,89.1-89.2H185v68.6h-34.3c-25.7,0-27.3,9.6-27.3,27.5l-0.1,34.3h62.1l-7.3,68.6h-54.9L123.3,471.8L123.3,471.8z
+		 M404.3,472.4h-68.5l-3-17.3c-31.3,17.3-59.2,20.1-77.6,20.1c-50.3,0-77-33.6-77-80c0-54.8,31.2-74.3,87-74.3H322V309
+		c0-28-3.2-36.2-46.2-36.2h-70.3l6.9-68.6h76.8c94.3,0,115,29.8,115,105.3L404.3,472.4L404.3,472.4z M637.3,277.9
+		c-42.6-7.3-54.9-8.9-75.4-8.9c-36.9,0-48,8.1-48,39.4v59.2c0,31.3,11.1,39.5,48,39.5c20.5,0,32.8-1.6,75.4-9V465
+		c-37.3,8.4-61.7,10.6-82.2,10.6c-88.3,0-123.4-46.4-123.4-113.5v-48c0-67.1,35.1-113.6,123.4-113.6c20.6,0,44.9,2.2,82.2,10.6
+		V277.9L637.3,277.9z M894.6,362H743.8v5.5c0,31.3,11.1,39.5,48,39.5c33.1,0,53.3-1.6,95.9-9V465c-41.1,8.4-62.4,10.6-102.7,10.6
+		c-88.3,0-123.4-46.4-123.4-113.5v-54.9c0-58.7,26-106.7,116.5-106.7s116.5,47.5,116.5,106.7V362z M1161.9,363.3
+		c0,64.8-18.5,112.1-130.7,112.1c-40.5,0-64.3-3.6-109-10.4V94.5l82.2-13.7v129.6c17.8-6.6,40.8-10,61.7-10
+		c82.2,0,95.9,36.9,95.9,96.1L1161.9,363.3L1161.9,363.3z M1425.3,364.7c0,55.9-23.1,110.1-119.7,110.1
+		c-96.6,0-120.1-54.2-120.1-110.1v-54c0-55.9,23.5-110.2,120.1-110.2c96.6,0,119.7,54.2,119.7,110.2V364.7L1425.3,364.7z
+		 M1688.6,364.7c0,55.9-23.1,110.1-119.7,110.1c-96.6,0-120.1-54.2-120.1-110.1v-54c0-55.9,23.5-110.2,120.1-110.2
+		c96.6,0,119.7,54.2,119.7,110.2V364.7L1688.6,364.7z M1958.8,471.8h-89.1l-75.3-125.8v125.8h-82.2V94.5l82.2-13.7v242.9l75.3-119.4
+		h89.1l-82.3,130.3L1958.8,471.8z M1568.7,269.1c-27.9,0-37.6,15.3-37.6,34.3v69.4c0,19.1,9.7,34.4,37.6,34.4
+		c27.9,0,37.8-15.3,37.8-34.4v-69.4C1606.4,284.3,1596.6,269.1,1568.7,269.1L1568.7,269.1z M2005.7,424.9
+		c13.8,0,24.9,11.3,24.9,25.4c0,14.3-11,25.5-25,25.5c-13.9,0-25.1-11.2-25.1-25.5c0-14.1,11.3-25.4,25.1-25.4H2005.7z
+		 M2005.6,428.9c-11.2,0-20.3,9.6-20.3,21.4c0,12.1,9.1,21.5,20.4,21.5c11.3,0.1,20.3-9.5,20.3-21.4c0-11.9-9-21.6-20.3-21.6H2005.6
+		z M2000.9,465.1h-4.5v-28.3c2.4-0.3,4.6-0.7,8-0.7c4.3,0,7.1,0.9,8.8,2.1c1.7,1.3,2.6,3.2,2.6,5.9c0,3.7-2.5,6-5.5,6.9v0.2
+		c2.5,0.5,4.2,2.7,4.7,6.9c0.7,4.4,1.3,6.1,1.8,7h-4.7c-0.7-0.9-1.4-3.5-1.9-7.2c-0.7-3.6-2.5-5-6.1-5h-3.1L2000.9,465.1
+		L2000.9,465.1z M2000.9,449.4h3.3c3.7,0,6.9-1.4,6.9-4.9c0-2.5-1.8-5-6.9-5c-1.5,0-2.5,0.1-3.3,0.2V449.4L2000.9,449.4z"/>
+</g>
+</svg>
diff --git a/assets/img/logos/google.svg b/assets/img/logos/google.svg
new file mode 100755
index 0000000..6ab9742
--- /dev/null
+++ b/assets/img/logos/google.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 2500 928" style="enable-background:new 0 0 2500 928;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#CED4DA;}
+</style>
+<path class="st0" d="M307.9,112.1h22.2c77.2,1.7,153.1,32.7,207.6,87.7c-20.1,20.6-40.7,40.3-60.4,60.8
+	c-30.6-27.7-67.5-49.1-107.8-56.6c-59.6-12.6-123.7-1.3-173.7,32.7c-54.5,35.7-91.4,96.1-99.4,160.7c-8.8,63.8,9.2,130.9,50.8,180.4
+	c39.8,48.2,100.7,78.4,163.6,80.5c58.7,3.4,120-14.7,162.8-55.8c33.6-28.9,49.1-73,54.1-115.8c-69.6,0-139.3,0.4-208.9,0v-86.4H612
+	c15.1,92.7-6.7,197.1-77.2,263.4c-47,47-112,74.7-178.3,80.1c-64.2,6.3-130.5-5.9-187.5-36.9c-68.4-36.5-122.9-98.2-149.7-170.7
+	C-5.9,469.5-6.3,394,17.2,326.8c21.4-61.2,62.5-115.4,115.4-153.1C183.3,136.4,245,115.8,307.9,112.1z"/>
+<path class="st0" d="M1989.9,133.9h89.8v599c-29.8,0-60,0.4-89.8-0.4C1990.4,533.2,1989.9,333.5,1989.9,133.9L1989.9,133.9z"/>
+<path class="st0" d="M811.7,341.5C867,331,927,342.8,972.7,375.9c41.5,29.4,70.5,75.5,79.3,125.8c11.3,58.3-2.9,122.1-40.7,168.2
+	c-40.7,51.6-107.4,79.3-172.4,75.1c-59.6-3.4-117.4-33.1-152.7-81.8c-39.8-53.7-49.5-127.5-27.7-190.4
+	C680.4,405.3,742,353.7,811.7,341.5 M824.2,421.2c-22.7,5.9-43.6,18.9-58.7,37.3c-40.7,48.7-38.2,127.9,6.7,173.2
+	c25.6,26,64.2,38.2,99.8,31c33.1-5.9,62.1-28.1,78-57.5c27.7-49.9,19.7-118.7-22.7-157.7C900.2,422.5,860.3,412,824.2,421.2
+	L824.2,421.2z"/>
+<path class="st0" d="M1256.3,341.5c63.3-12.2,132.6,5.5,179.9,49.9c77.2,69.2,85.6,198.8,19.7,278.5c-39.8,50.3-104.4,78-168.2,75.1
+	c-60.8-1.7-120.8-31.9-156.9-81.8c-40.7-54.9-49.5-130.5-26.4-194.6C1127.5,403.2,1187.9,353.3,1256.3,341.5 M1268.9,421.2
+	c-22.7,5.9-43.6,18.9-58.7,36.9c-40.3,47.8-38.6,125.8,4.6,171.6c25.6,27.3,65.4,40.7,102.3,33.1c32.7-6.3,62.1-28.1,78-57.5
+	c27.3-50.3,19.3-119.1-23.5-158.1C1344.4,422.1,1304.5,412,1268.9,421.2L1268.9,421.2z"/>
+<path class="st0" d="M1633.4,365.8c48.2-30.2,112.4-38.6,164.4-12.6c16.4,7.1,29.8,19.3,42.8,31.5c0.4-11.3,0-23.1,0.4-34.8
+	c28.1,0.4,56.2,0,84.7,0.4v370c-0.4,55.8-14.7,114.9-54.9,155.6c-44,44.9-111.6,58.7-172.4,49.5c-65-9.6-121.6-57-146.8-117
+	c25.2-12.2,51.6-21.8,77.6-33.1c14.7,34.4,44.5,63.8,81.8,70.5c37.3,6.7,80.5-2.5,104.9-33.6c26-31.9,26-75.5,24.7-114.5
+	c-19.3,18.9-41.5,35.7-68.4,41.9c-58.3,16.4-122.5-3.8-167.4-43.2c-45.3-39.4-72.1-100.3-69.6-160.7
+	C1536.5,467.4,1575.1,401.5,1633.4,365.8 M1720.2,419.5c-25.6,4.2-49.5,18.5-65.9,38.2c-39.4,47-39.4,122.1,0.4,168.2
+	c22.7,27.3,59.1,42.4,94.4,38.6c33.1-3.4,63.8-24.3,80.1-53.3c27.7-49.1,23.1-115.8-14.3-158.6
+	C1791.9,426.2,1755,413.2,1720.2,419.5L1720.2,419.5z"/>
+<path class="st0" d="M2187.5,387.2c50.3-47,127.9-62.9,192.5-38.2c61.2,23.1,100.3,81.4,120,141.4c-91,37.8-181.6,75.1-272.7,112.8
+	c12.6,23.9,31.9,45.7,57.9,54.5c36.5,13,80.1,8.4,110.7-15.9c12.2-9.2,21.8-21.4,31-33.1c23.1,15.5,46.1,30.6,69.2,46.1
+	c-32.7,49.1-87.7,83.5-146.8,88.9c-65.4,8-135.1-17.2-177.4-68.4C2102.3,594.9,2109.1,459.8,2187.5,387.2 M2232.4,464.8
+	c-14.3,20.6-20.1,45.7-19.7,70.5c60.8-25.2,121.6-50.3,182.5-75.9c-10.1-23.5-34.4-37.8-59.1-41.5
+	C2296.1,410.7,2254.6,432.1,2232.4,464.8z"/>
+</svg>
diff --git a/assets/img/logos/ibm.svg b/assets/img/logos/ibm.svg
new file mode 100755
index 0000000..b491e0c
--- /dev/null
+++ b/assets/img/logos/ibm.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 2500 1000" style="enable-background:new 0 0 2500 1000;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#CED4DA;}
+</style>
+<path class="st0" d="M0,0v68.4h486.6V0H0z M555.6,0v68.4H1249c0,0-70.8-68.4-164.6-68.4H555.6z M1385.1,0v68.4h419.5L1779.7,0
+	H1385.1z M2105.4,0l-24.9,68.4h415.7V0H2105.4z M0,133.1v68.4h486.6v-68.4H0z M555.6,133.2v68.3h773.9c0,0-9-52.7-24.8-68.3
+	L555.6,133.2L555.6,133.2z M1385.1,133.2v68.3h465.5l-23-68.3L1385.1,133.2L1385.1,133.2z M2055.6,133.2l-23,68.3h463.7v-68.3
+	H2055.6z M139.8,266.1v68.5h210.7v-68.5L139.8,266.1L139.8,266.1z M695.4,266.1v68.5h210.7v-68.5L695.4,266.1L695.4,266.1z
+	 M1111.1,266.1v68.5h210.7c0,0,13.4-36.2,13.4-68.5L1111.1,266.1L1111.1,266.1z M1524.9,266.1v68.5h373.6l-24.9-68.5L1524.9,266.1
+	L1524.9,266.1z M2009.7,266.1l-25,68.5h375.5v-68.5L2009.7,266.1L2009.7,266.1z M139.8,399.3v68.4h210.7v-68.4H139.8L139.8,399.3z
+	 M695.4,399.3v68.4h538.3c0,0,45-35.1,59.4-68.4H695.4z M1524.9,399.3v68.4h210.7v-38.1l13.4,38.1h386l14.4-38.1v38.1h210.7v-68.4
+	h-395.6l-21,57.9l-21.1-57.9H1524.9z M139.8,532.3v68.4h210.7v-68.4H139.8z M695.4,532.3v68.4h597.7c-14.3-33.2-59.4-68.4-59.4-68.4
+	H695.4z M1524.9,532.3v68.4h210.7v-68.4H1524.9z M1773.9,532.3l25.5,68.4h289.5l24.2-68.4H1773.9z M2149.4,532.3v68.4h210.7v-68.4
+	H2149.4z M139.8,665.4v68.4h210.7v-68.4H139.8z M695.4,665.4v68.4h210.7v-68.4H695.4z M1111.1,665.4v68.4h224.1
+	c0-32.3-13.4-68.4-13.4-68.4H1111.1L1111.1,665.4z M1524.9,665.4v68.4h210.7v-68.4H1524.9z M1821.8,665.4l24.7,68.4h194l24.9-68.4
+	H1821.8z M2149.4,665.4v68.4h210.7v-68.4H2149.4z M3.8,798.4v68.5h486.6v-68.5H3.8z M555.6,798.4v68.5h749.1
+	c15.8-15.7,24.8-68.5,24.8-68.5H555.6L555.6,798.4z M1388.9,798.4v68.5h346.8v-68.5H1388.9z M1869.7,798.4l25.4,68.5h98.7l23.8-68.5
+	H1869.7z M2149.4,798.4v68.5H2500v-68.5H2149.4z M3.8,931.6v68.4h486.6v-68.4H3.8z M555.6,931.6v68.3h528.8
+	c93.8,0,164.6-68.3,164.6-68.3H555.6z M1388.9,931.6v68.4h346.8v-68.4H1388.9z M1917.9,931.6l24.4,68.2l4.2,0.1l24.8-68.3H1917.9z
+	 M2149.4,931.6v68.4H2500v-68.4H2149.4z"/>
+</svg>
diff --git a/assets/img/logos/microsoft.svg b/assets/img/logos/microsoft.svg
new file mode 100755
index 0000000..0284b59
--- /dev/null
+++ b/assets/img/logos/microsoft.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 2500 534" style="enable-background:new 0 0 2500 534;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#CED4DA;}
+</style>
+<path class="st0" d="M2500,241.6v-44h-54.6v-68.4l-1.8,0.6l-51.3,15.7l-1,0.3v51.8h-80.9v-28.9c0-13.4,3-23.7,8.9-30.6
+	c5.9-6.8,14.3-10.2,25-10.2c7.7,0,15.7,1.8,23.7,5.4l2,0.9V88l-0.9-0.3c-7.5-2.7-17.7-4.1-30.3-4.1c-15.9,0-30.4,3.5-43,10.3
+	c-12.6,6.9-22.6,16.7-29.5,29.2c-6.9,12.5-10.5,26.9-10.5,42.8v31.7h-38v44h38v185.2h54.6V241.6h80.9v117.7c0,48.5,22.9,73,68,73
+	c7.4,0,15.2-0.9,23.2-2.6c8.1-1.7,13.6-3.5,16.9-5.4l0.7-0.4v-44.4l-2.2,1.5c-3,2-6.7,3.6-11,4.8c-4.3,1.2-8,1.8-10.8,1.8
+	c-10.6,0-18.4-2.8-23.2-8.5c-4.9-5.7-7.4-15.6-7.4-29.4V241.6H2500L2500,241.6z M2095.9,387.7c-19.8,0-35.4-6.6-46.4-19.5
+	c-11.1-13-16.7-31.5-16.7-55.1c0-24.3,5.6-43.3,16.7-56.6c11-13.1,26.5-19.8,46-19.8c18.9,0,34,6.4,44.8,19
+	c10.8,12.6,16.3,31.5,16.3,56.1c0,24.9-5.2,44-15.4,56.8C2131,381.3,2115.8,387.7,2095.9,387.7 M2098.3,192.1
+	c-37.8,0-67.8,11.1-89.2,32.9c-21.4,21.8-32.2,52.1-32.2,89.9c0,35.9,10.6,64.7,31.5,85.8c20.9,21,49.3,31.7,84.5,31.7
+	c36.6,0,66.1-11.2,87.4-33.4c21.4-22.1,32.2-52.1,32.2-89c0-36.4-10.2-65.5-30.2-86.4C2162.1,202.7,2133.9,192.1,2098.3,192.1
+	 M1888.8,192.1c-25.7,0-47,6.6-63.2,19.5c-16.3,13-24.6,30.1-24.6,50.8c0,10.8,1.8,20.3,5.3,28.4c3.5,8.1,9,15.3,16.3,21.3
+	c7.2,6,18.4,12.2,33.2,18.6c12.4,5.1,21.7,9.4,27.6,12.9c5.8,3.3,9.8,6.7,12.1,10c2.2,3.2,3.4,7.6,3.4,13
+	c0,15.4-11.5,22.9-35.3,22.9c-8.8,0-18.8-1.8-29.8-5.5c-10.9-3.6-21.2-8.8-30.6-15.5l-2.3-1.6v52.5l0.8,0.4
+	c7.7,3.6,17.5,6.6,28.9,8.9c11.5,2.4,21.9,3.6,30.9,3.6c27.9,0,50.4-6.6,66.8-19.6c16.5-13.1,24.9-30.6,24.9-52.1
+	c0-15.4-4.5-28.7-13.4-39.4c-8.8-10.6-24.1-20.3-45.4-28.9c-17-6.8-27.9-12.5-32.4-16.8c-4.3-4.2-6.5-10.1-6.5-17.7
+	c0-6.7,2.7-12,8.3-16.3c5.6-4.3,13.4-6.6,23.2-6.6c9.1,0,18.4,1.4,27.6,4.3c9.2,2.8,17.4,6.6,24.1,11.2l2.2,1.5v-49.8l-0.9-0.4
+	c-6.3-2.7-14.5-5-24.5-6.8C1905.8,193,1896.7,192.1,1888.8,192.1 M1658.7,387.7c-19.8,0-35.4-6.6-46.4-19.5
+	c-11.1-13-16.7-31.5-16.7-55.1c0-24.3,5.6-43.3,16.7-56.6c11-13.1,26.5-19.8,46-19.8c18.9,0,34,6.4,44.8,19
+	c10.8,12.6,16.3,31.5,16.3,56.1c0,24.9-5.2,44-15.4,56.8C1693.9,381.3,1678.7,387.7,1658.7,387.7 M1661.2,192.1
+	c-37.8,0-67.8,11.1-89.2,32.9c-21.4,21.8-32.2,52.1-32.2,89.9c0,35.9,10.6,64.7,31.5,85.8c20.9,21,49.3,31.7,84.5,31.7
+	c36.6,0,66.1-11.2,87.4-33.4c21.4-22.1,32.2-52.1,32.2-89c0-36.4-10.2-65.5-30.2-86.4C1725,202.7,1696.7,192.1,1661.2,192.1
+	 M1456.9,237.3v-39.7h-53.9v229.2h53.9V309.6c0-19.9,4.5-36.3,13.4-48.7c8.8-12.2,20.5-18.4,34.9-18.4c4.9,0,10.3,0.8,16.2,2.4
+	c5.8,1.6,10.1,3.3,12.6,5.1l2.3,1.6v-54.4l-0.9-0.4c-5-2.1-12.1-3.2-21.1-3.2c-13.5,0-25.7,4.4-36.1,12.9
+	c-9.1,7.5-15.7,17.9-20.7,30.7H1456.9z M1306.4,192.1c-24.7,0-46.8,5.3-65.6,15.8c-18.8,10.5-33.3,25.4-43.2,44.5
+	c-9.9,19-14.9,41.1-14.9,65.9c0,21.7,4.8,41.5,14.4,59c9.6,17.5,23.2,31.3,40.3,40.8c17.2,9.5,37,14.3,58.9,14.3
+	c25.6,0,47.5-5.1,65-15.2l0.7-0.4v-49.4l-2.3,1.7c-7.9,5.8-16.8,10.4-26.4,13.7c-9.5,3.3-18.2,5-25.8,5c-21.2,0-38.1-6.6-50.5-19.7
+	c-12.4-13.1-18.6-31.4-18.6-54.5c0-23.2,6.5-42.1,19.4-55.9c12.8-13.8,29.8-20.9,50.6-20.9c17.7,0,35,6,51.3,17.9l2.3,1.6v-52
+	l-0.7-0.4c-6.1-3.4-14.5-6.3-24.9-8.4C1326.2,193.2,1316,192.1,1306.4,192.1 M1145.6,197.6h-53.9v229.2h53.9V197.6L1145.6,197.6z
+	 M1119.2,100c-8.9,0-16.6,3-23,9c-6.4,6-9.6,13.6-9.6,22.5c0,8.8,3.2,16.2,9.5,22c6.3,5.8,14,8.8,23.1,8.8c9,0,16.8-3,23.2-8.8
+	c6.4-5.9,9.6-13.3,9.6-22.1c0-8.6-3.2-16.1-9.4-22.2C1136.4,103.1,1128.6,100,1119.2,100 M984.7,180.7v246.1h55V107h-76.1
+	l-96.8,237.5L772.9,107h-79.2v319.8h51.7V180.7h1.8l99.2,246.1h39l97.6-246.1L984.7,180.7L984.7,180.7z"/>
+<path class="st0" d="M253.6,253.7H0V0.1h253.6V253.7z"/>
+<path class="st0" d="M533.6,253.7H280V0.1h253.6L533.6,253.7L533.6,253.7z"/>
+<path class="st0" d="M253.6,533.9H0V280.3h253.6V533.9z"/>
+<path class="st0" d="M533.6,533.9H280V280.3h253.6L533.6,533.9L533.6,533.9z"/>
+</svg>
diff --git a/assets/img/map-image.png b/assets/img/map-image.png
new file mode 100755
index 0000000..a047a27
Binary files /dev/null and b/assets/img/map-image.png differ
diff --git a/assets/img/navbar-logo.svg b/assets/img/navbar-logo.svg
new file mode 100755
index 0000000..7eb299b
--- /dev/null
+++ b/assets/img/navbar-logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 228.66 39.08"><style>.cls-1{fill:#fed136;}</style><path class="cls-1" d="M23.08,15.17c.07.4.13.68.16.83a2.66,2.66,0,0,1,.05.62,4.76,4.76,0,0,1-.51,2.18,3,3,0,0,1-1.4,1.43,7.12,7.12,0,0,0-1.73-1.64,10.8,10.8,0,0,0-2.25-1.14,14.23,14.23,0,0,0-2.53-.65,16,16,0,0,0-2.55-.21,13,13,0,0,0-2.32.19,9.91,9.91,0,0,0-1.91.53,3.79,3.79,0,0,0-1.31.83,1.61,1.61,0,0,0-.48,1.14,2.73,2.73,0,0,0,1,1.57,12.76,12.76,0,0,0,2.09,1.56c.82.51,1.74,1,2.74,1.5s2,1,3,1.42c1.2.57,2.24,1.09,3.11,1.58a9.31,9.31,0,0,1,2.16,1.59,5.83,5.83,0,0,1,1.28,2A7.5,7.5,0,0,1,22,33.12a9.43,9.43,0,0,1-.6,3.38,7.84,7.84,0,0,1-1.75,2.74,8.21,8.21,0,0,1-2.78,1.83,9.85,9.85,0,0,1-3.65.65A17,17,0,0,1,9,41.12a20,20,0,0,1-4.3-1.65,12.61,12.61,0,0,1-3.33-2.4A4.09,4.09,0,0,1,0,34.18a5.48,5.48,0,0,1,.41-1.8,7.5,7.5,0,0,1,1.47-2.31A5.49,5.49,0,0,0,3,32.59a10.14,10.14,0,0,0,3.13,2.69,15.79,15.79,0,0,0,4,1.65,16.23,16.23,0,0,0,3.87.51,8.83,8.83,0,0,0,3.23-.5,5.89,5.89,0,0,0,1.94-1.18,3.94,3.94,0,0,0,1-1.4,4,4,0,0,0,.32-1.13,2.14,2.14,0,0,0-.65-1.37,7.65,7.65,0,0,0-1.67-1.27c-.69-.41-1.5-.83-2.42-1.26s-1.88-.85-2.87-1.27c-1.48-.66-2.77-1.28-3.84-1.86a14.83,14.83,0,0,1-2.65-1.77,5.88,5.88,0,0,1-1.53-1.9,5.1,5.1,0,0,1-.47-2.26,6.57,6.57,0,0,1,1.2-3.75A7.41,7.41,0,0,1,9.1,13.83a10,10,0,0,1,2.42-.71,15.83,15.83,0,0,1,2.53-.22,16.76,16.76,0,0,1,4.57.64A34.29,34.29,0,0,1,23.08,15.17Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M25.92,25.47a2.16,2.16,0,0,1-.32-.9,5.75,5.75,0,0,1-.15-1.19,11.13,11.13,0,0,0,1.77.15h1.56c.36-.7.74-1.4,1.15-2.09s.82-1.32,1.21-1.89a17.57,17.57,0,0,1,1.09-1.45,4.35,4.35,0,0,1,.8-.77,4.29,4.29,0,0,1,.9.12c.37.09.74.19,1.12.32s.72.27,1,.41a1.89,1.89,0,0,1,.63.42c-.71.9-1.31,1.72-1.82,2.48s-1.06,1.64-1.65,2.62h1.44a10.58,10.58,0,0,0,1.47-.1,1.28,1.28,0,0,1,.28.44,1.5,1.5,0,0,1,.11.55,11.71,11.71,0,0,1-4.22.67c-.59,1.14-1.11,2.27-1.57,3.39s-.85,2.21-1.17,3.25a26.36,26.36,0,0,0-.74,2.94,13.17,13.17,0,0,0-.27,2.49q0,1.56,1.17,1.74a8.46,8.46,0,0,0,2-.53,6.68,6.68,0,0,0,1.7-1,1.42,1.42,0,0,1,.24.54,3.7,3.7,0,0,1-.72.73,12.51,12.51,0,0,1-1.12.83,10.47,10.47,0,0,1-1.17.69,3,3,0,0,1-.85.31,4.85,4.85,0,0,1-1.77-.35,7.38,7.38,0,0,1-1.61-.89,4.93,4.93,0,0,1-1.18-1.19,2.19,2.19,0,0,1-.46-1.29,11.94,11.94,0,0,1,.23-2.14c.15-.87.37-1.8.65-2.82s.62-2.08,1-3.19.79-2.21,1.24-3.3Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M48.5,24.73a3.45,3.45,0,0,1,.83.12,4.92,4.92,0,0,1,.87.32,3.48,3.48,0,0,1,.65.41q.27.21.27.39c-.47,1-.91,2-1.31,3s-.74,2-1,2.89a24.37,24.37,0,0,0-.65,2.58,11.63,11.63,0,0,0-.23,2.09,5.4,5.4,0,0,0,.21,1.64,1.58,1.58,0,0,0,.71.94,3.64,3.64,0,0,1-1.1.46,4.72,4.72,0,0,1-1.2.18c-1.28,0-1.91-.87-1.91-2.62A16.45,16.45,0,0,1,46,31.6a21.14,21.14,0,0,1-1.63,3,22.3,22.3,0,0,1-1.87,2.52A11.21,11.21,0,0,1,40.52,39a4.79,4.79,0,0,1-1.79.83,2.46,2.46,0,0,1-2.12-1.2,5.2,5.2,0,0,1-.82-3,11.6,11.6,0,0,1,.85-4.19,18.86,18.86,0,0,1,2.18-4.09,15.66,15.66,0,0,1,2.88-3.14,4.81,4.81,0,0,1,3-1.27,2.89,2.89,0,0,1,.8.43,6.43,6.43,0,0,1,.85.74,5.91,5.91,0,0,1,.69.86,2,2,0,0,1,.32.76A6.31,6.31,0,0,0,44.45,27a14.3,14.3,0,0,0-2.73,2.81,16.49,16.49,0,0,0-2,3.51,9.17,9.17,0,0,0-.78,3.5.8.8,0,0,0,.5.85,5,5,0,0,0,2.37-1.76,33.44,33.44,0,0,0,3.26-4.76l.79-1.41c.3-.52.6-1.07.91-1.63l.9-1.72C48,25.83,48.24,25.27,48.5,24.73Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M52.08,38.32c.11-.68.32-1.58.62-2.7s.64-2.32,1-3.58.83-2.53,1.27-3.81.89-2.42,1.31-3.43a17,17,0,0,1,.82-1.72,4.49,4.49,0,0,1,.78-1,5.82,5.82,0,0,1,1,.25,7.17,7.17,0,0,1,1,.42,10.06,10.06,0,0,1,.89.51,3,3,0,0,1,.6.52,12.47,12.47,0,0,0-1.68,2.58A26.67,26.67,0,0,0,58.31,30q1.9-1.7,3.38-3.26a26,26,0,0,0,2.74-3.47,1.24,1.24,0,0,1,.74-.17,2.8,2.8,0,0,1,1,.16,1.13,1.13,0,0,1,.64.44,9.39,9.39,0,0,0-.64,3.36,4.67,4.67,0,0,0,.46,2.34,2.52,2.52,0,0,1-.48.81,9.48,9.48,0,0,1-1,1.13A5.64,5.64,0,0,1,63.44,30a5.85,5.85,0,0,1-1.1-1.89,25,25,0,0,0-2.83,2.28,11.89,11.89,0,0,0-2,2.48A15.33,15.33,0,0,0,56.09,36c-.38,1.18-.76,2.59-1.11,4.22a3.32,3.32,0,0,1-.76-.23,6.46,6.46,0,0,1-.89-.48,6.29,6.29,0,0,1-.79-.6A1.65,1.65,0,0,1,52.08,38.32Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M69.28,25.47a2.31,2.31,0,0,1-.32-.9,6.42,6.42,0,0,1-.14-1.19,11.13,11.13,0,0,0,1.77.15h1.56c.35-.7.74-1.4,1.15-2.09s.81-1.32,1.2-1.89a17.48,17.48,0,0,1,1.1-1.45,4.05,4.05,0,0,1,.8-.77,4.46,4.46,0,0,1,.9.12c.37.09.74.19,1.12.32s.72.27,1,.41a1.85,1.85,0,0,1,.64.42c-.71.9-1.32,1.72-1.82,2.48s-1.06,1.64-1.65,2.62H78a10.37,10.37,0,0,0,1.47-.1,1.17,1.17,0,0,1,.29.44,1.49,1.49,0,0,1,.1.55,11.62,11.62,0,0,1-4.21.67c-.59,1.14-1.12,2.27-1.58,3.39S73.26,30.86,73,31.9a28.93,28.93,0,0,0-.75,2.94,14,14,0,0,0-.26,2.49q0,1.56,1.17,1.74a8.38,8.38,0,0,0,2-.53,6.35,6.35,0,0,0,1.7-1,1.47,1.47,0,0,1,.25.54,3.53,3.53,0,0,1-.73.73,12.33,12.33,0,0,1-1.11.83,10.47,10.47,0,0,1-1.17.69,3.1,3.1,0,0,1-.85.31,4.85,4.85,0,0,1-1.77-.35,7.16,7.16,0,0,1-1.61-.89,4.93,4.93,0,0,1-1.18-1.19,2.2,2.2,0,0,1-.47-1.29,13,13,0,0,1,.23-2.14c.16-.87.38-1.8.66-2.82s.61-2.08,1-3.19.79-2.21,1.24-3.3Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M112.61,19.52a6.68,6.68,0,0,1-1.2,3.92,9.49,9.49,0,0,1-3.29,2.85,7.24,7.24,0,0,1,2.14,2.24,5.61,5.61,0,0,1,.8,2.93,7.17,7.17,0,0,1-1.15,3.77,12.21,12.21,0,0,1-3.07,3.29,16.72,16.72,0,0,1-4.35,2.32,14.54,14.54,0,0,1-5,.88,10.74,10.74,0,0,1-4.84-1,7.78,7.78,0,0,1-3.23-3q.34-1.06.93-2.64c.39-1,.82-2.16,1.3-3.32s1-2.33,1.43-3.49.94-2.2,1.36-3.12c.9-2,1.7-3.67,2.41-5a24.86,24.86,0,0,1,2-3.15,26.71,26.71,0,0,0-3.54,1.36,9.33,9.33,0,0,0-2.34,1.47,2.91,2.91,0,0,1-.65-.63,8.15,8.15,0,0,1-.64-.94,6.29,6.29,0,0,1-.5-1.05,3.94,3.94,0,0,1-.23-.95,12,12,0,0,1,2.39-1.22,23.75,23.75,0,0,1,3.21-1,33.74,33.74,0,0,1,3.55-.68,26.83,26.83,0,0,1,3.49-.24,11.36,11.36,0,0,1,6.66,1.7A5.44,5.44,0,0,1,112.61,19.52ZM99.13,28a4,4,0,0,1-1.24-1c-.55,1.2-1.06,2.38-1.54,3.54s-.92,2.23-1.3,3.22-.68,1.86-.92,2.59A8.69,8.69,0,0,0,93.74,38a3.87,3.87,0,0,0,1.19.42,8.25,8.25,0,0,0,1.72.15,15.56,15.56,0,0,0,4.6-.68A13.63,13.63,0,0,0,105.11,36a9.93,9.93,0,0,0,2.65-2.64,5.53,5.53,0,0,0,1-3.11,3.51,3.51,0,0,0-2-3.37,16.2,16.2,0,0,1-6.23,1.14h-.76A3.79,3.79,0,0,1,99.13,28ZM106,15.7a14.6,14.6,0,0,0-1.57.09c-.56.06-1.14.15-1.75.27a1.33,1.33,0,0,1,.23.3c0,.1.11.21.16.33a10.77,10.77,0,0,0-.78,1.24c-.31.55-.65,1.18-1,1.9s-.77,1.51-1.19,2.39-.83,1.77-1.25,2.69a10.89,10.89,0,0,1,1.47-.23,16.47,16.47,0,0,1,1.71-.09c.31,0,.61,0,.91,0s.58.06.86.11a15.06,15.06,0,0,0,3.07-.83,10.86,10.86,0,0,0,2.35-1.28A5.48,5.48,0,0,0,110.7,21a3.51,3.51,0,0,0,.53-1.87,2.87,2.87,0,0,0-1.34-2.57A7.22,7.22,0,0,0,106,15.7Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M117.53,40.27a4.51,4.51,0,0,1-3.22-1.77,6.31,6.31,0,0,1-1.2-4,11,11,0,0,1,.42-2.94,14.51,14.51,0,0,1,1.21-3,16.37,16.37,0,0,1,1.84-2.71,13.15,13.15,0,0,1,2.3-2.19,6.21,6.21,0,0,1,3.65-1.45,6.4,6.4,0,0,1,2.23,2.51l.32,0,.31,0c1.26,0,1.88,1.11,1.88,3.33a12.13,12.13,0,0,1-.73,4.23,12.61,12.61,0,0,1-2,3.63,12.09,12.09,0,0,1-3.08,2.75A12.45,12.45,0,0,1,117.53,40.27Zm1.81-11.15a15.33,15.33,0,0,0-1.13,1.77,16.13,16.13,0,0,0-.92,1.93,13,13,0,0,0-.6,1.87,6.79,6.79,0,0,0-.22,1.62,4.65,4.65,0,0,0,.29,1.62c.18.52.4.82.63.89a7.68,7.68,0,0,0,2.92-1.33,9.7,9.7,0,0,0,2.31-2.42,12.49,12.49,0,0,0,1.52-3.3,13.82,13.82,0,0,0,.55-3.93,7.84,7.84,0,0,0-.11-1.45,2.8,2.8,0,0,0-.35-.92A7.71,7.71,0,0,0,121.45,27,13.82,13.82,0,0,0,119.34,29.12Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M133.15,40.27a4.47,4.47,0,0,1-3.22-1.77,6.25,6.25,0,0,1-1.21-4,10.62,10.62,0,0,1,.43-2.94,13.93,13.93,0,0,1,1.2-3,16.37,16.37,0,0,1,1.84-2.71,13.51,13.51,0,0,1,2.3-2.19,6.23,6.23,0,0,1,3.65-1.45,6.33,6.33,0,0,1,2.23,2.51l.32,0,.32,0c1.25,0,1.87,1.11,1.87,3.33a12.36,12.36,0,0,1-.72,4.23,12.87,12.87,0,0,1-2,3.63,12.09,12.09,0,0,1-3.08,2.75A12.39,12.39,0,0,1,133.15,40.27ZM135,29.12a15.33,15.33,0,0,0-1.13,1.77,17.83,17.83,0,0,0-.92,1.93,13,13,0,0,0-.6,1.87,7.34,7.34,0,0,0-.22,1.62,4.65,4.65,0,0,0,.29,1.62c.19.52.4.82.64.89a7.82,7.82,0,0,0,2.92-1.33,9.84,9.84,0,0,0,2.3-2.42,12.18,12.18,0,0,0,1.52-3.3,13.48,13.48,0,0,0,.55-3.93,7.84,7.84,0,0,0-.11-1.45,2.8,2.8,0,0,0-.35-.92A7.71,7.71,0,0,0,137.06,27,14.28,14.28,0,0,0,135,29.12Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M146.32,25.47a2.16,2.16,0,0,1-.32-.9,5.66,5.66,0,0,1-.14-1.19,10.94,10.94,0,0,0,1.77.15h1.55c.36-.7.74-1.4,1.15-2.09s.82-1.32,1.21-1.89a15.52,15.52,0,0,1,1.1-1.45,4.07,4.07,0,0,1,.79-.77,4.46,4.46,0,0,1,.91.12c.36.09.73.19,1.11.32s.72.27,1,.41a1.79,1.79,0,0,1,.63.42c-.7.9-1.31,1.72-1.82,2.48s-1.06,1.64-1.64,2.62h1.43a10.58,10.58,0,0,0,1.47-.1,1.15,1.15,0,0,1,.28.44,1.5,1.5,0,0,1,.11.55,11.67,11.67,0,0,1-4.22.67c-.59,1.14-1.11,2.27-1.57,3.39s-.85,2.21-1.17,3.25a26.36,26.36,0,0,0-.74,2.94,13.17,13.17,0,0,0-.27,2.49q0,1.56,1.17,1.74a8.46,8.46,0,0,0,2-.53,6.51,6.51,0,0,0,1.7-1,1.66,1.66,0,0,1,.25.54,4.13,4.13,0,0,1-.73.73,11.22,11.22,0,0,1-1.12.83,11.36,11.36,0,0,1-1.16.69,3.1,3.1,0,0,1-.85.31,4.85,4.85,0,0,1-1.77-.35,7.16,7.16,0,0,1-1.61-.89,5,5,0,0,1-1.19-1.19,2.19,2.19,0,0,1-.46-1.29,13,13,0,0,1,.23-2.14c.15-.87.37-1.8.65-2.82s.62-2.08,1-3.19.79-2.21,1.23-3.3Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M168.9,24.89a6.59,6.59,0,0,1-.23,1.4,8.34,8.34,0,0,1-.47,1.31,4.63,4.63,0,0,1-.61,1,.84.84,0,0,1-.6.39c-.26,0-.41-.2-.46-.53a1.13,1.13,0,0,1,.09-.34c.06-.15.12-.32.19-.51s.14-.38.2-.57a1.65,1.65,0,0,0,.09-.49,1.51,1.51,0,0,0-.23-.84.73.73,0,0,0-.62-.33c-.95,0-1.67.59-2.16,1.76a13.82,13.82,0,0,0-.74,5.18,1.57,1.57,0,0,0,0,.42h2.48a.85.85,0,0,1,0,.28.59.59,0,0,1-.14.46l-1.29.3a5.39,5.39,0,0,0-.73.23.59.59,0,0,0-.3.23,1,1,0,0,0-.05.33c0,.19,0,.38,0,.57s0,.42,0,.7a6.88,6.88,0,0,1-1.61,4.76,6.61,6.61,0,0,1-4.48,2.09,2.94,2.94,0,0,1-1-.28,5.19,5.19,0,0,1-1-.64,4.54,4.54,0,0,1-.83-.87,3.1,3.1,0,0,1-.5-1,6.11,6.11,0,0,1,.57-2.59,7.21,7.21,0,0,1,1.54-2.17,7.86,7.86,0,0,1,2.3-1.54,7.11,7.11,0,0,1,2.89-.59,8.42,8.42,0,0,0-.18-1.74c-.12-.57-.24-1.12-.37-1.65s-.26-1.06-.37-1.57a6.56,6.56,0,0,1-.18-1.51,4.93,4.93,0,0,1,.39-1.9,7,7,0,0,1,1-1.74,6.42,6.42,0,0,1,1.48-1.37,5.33,5.33,0,0,1,1.77-.78,3.23,3.23,0,0,1,1,.62,14.82,14.82,0,0,1,1.29,1.15,12.13,12.13,0,0,1,1.13,1.29A3.24,3.24,0,0,1,168.9,24.89ZM157.22,41a5.82,5.82,0,0,0,1.61-1,8,8,0,0,0,2.23-3.33,5.54,5.54,0,0,0,.34-1.88,4,4,0,0,0-1.56.66A9.54,9.54,0,0,0,157,38.34a2.86,2.86,0,0,0-.5,1.42A1.5,1.5,0,0,0,157.22,41Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M171,25.47a2.16,2.16,0,0,1-.32-.9,5.66,5.66,0,0,1-.14-1.19,10.94,10.94,0,0,0,1.77.15h1.56c.35-.7.73-1.4,1.15-2.09s.81-1.32,1.2-1.89a15.52,15.52,0,0,1,1.1-1.45,4.07,4.07,0,0,1,.79-.77,4.46,4.46,0,0,1,.91.12c.36.09.73.19,1.11.32s.72.27,1,.41a1.79,1.79,0,0,1,.63.42c-.7.9-1.31,1.72-1.82,2.48s-1.05,1.64-1.64,2.62h1.43a10.58,10.58,0,0,0,1.47-.1,1.15,1.15,0,0,1,.28.44,1.5,1.5,0,0,1,.11.55,11.66,11.66,0,0,1-4.21.67c-.6,1.14-1.12,2.27-1.58,3.39s-.85,2.21-1.17,3.25a26.36,26.36,0,0,0-.74,2.94,13.17,13.17,0,0,0-.27,2.49q0,1.56,1.17,1.74a8.46,8.46,0,0,0,2-.53,6.51,6.51,0,0,0,1.7-1,1.66,1.66,0,0,1,.25.54,4.13,4.13,0,0,1-.73.73,11.22,11.22,0,0,1-1.12.83,11.36,11.36,0,0,1-1.16.69,3.1,3.1,0,0,1-.85.31,4.85,4.85,0,0,1-1.77-.35,7.16,7.16,0,0,1-1.61-.89,5,5,0,0,1-1.19-1.19,2.19,2.19,0,0,1-.46-1.29,13,13,0,0,1,.23-2.14c.15-.87.37-1.8.65-2.82s.62-2.08,1-3.19.79-2.21,1.23-3.3Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M180.55,38.32c.12-.68.32-1.58.62-2.7s.64-2.32,1-3.58.83-2.53,1.28-3.81.88-2.42,1.31-3.43a17.28,17.28,0,0,1,.81-1.72,5.13,5.13,0,0,1,.78-1,6.15,6.15,0,0,1,1,.25,7.54,7.54,0,0,1,1,.42,8.8,8.8,0,0,1,.89.51,3,3,0,0,1,.6.52,12.47,12.47,0,0,0-1.68,2.58A29.42,29.42,0,0,0,186.78,30c1.28-1.13,2.4-2.22,3.38-3.26a26.08,26.08,0,0,0,2.75-3.47,1.22,1.22,0,0,1,.74-.17,2.75,2.75,0,0,1,.95.16,1.13,1.13,0,0,1,.64.44,9.61,9.61,0,0,0-.64,3.36,4.66,4.66,0,0,0,.47,2.34,3,3,0,0,1-.48.81,9.57,9.57,0,0,1-1,1.13,5.88,5.88,0,0,1-2.79-3.25A25.16,25.16,0,0,0,188,30.41a12.57,12.57,0,0,0-2,2.48A15.32,15.32,0,0,0,184.57,36c-.39,1.18-.76,2.59-1.12,4.22a3.47,3.47,0,0,1-.76-.23A7,7,0,0,1,181,38.93,1.65,1.65,0,0,1,180.55,38.32Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M207.88,24.73a3.45,3.45,0,0,1,.83.12,4.92,4.92,0,0,1,.87.32,3.48,3.48,0,0,1,.65.41q.27.21.27.39c-.47,1-.91,2-1.31,3s-.74,2-1,2.89a24.37,24.37,0,0,0-.65,2.58,10.79,10.79,0,0,0-.23,2.09,5.4,5.4,0,0,0,.21,1.64,1.58,1.58,0,0,0,.71.94,3.64,3.64,0,0,1-1.1.46,4.72,4.72,0,0,1-1.2.18c-1.28,0-1.91-.87-1.91-2.62a16.7,16.7,0,0,1,1.34-5.52,21.14,21.14,0,0,1-1.63,3,22.3,22.3,0,0,1-1.87,2.52A11.21,11.21,0,0,1,199.9,39a4.79,4.79,0,0,1-1.79.83,2.46,2.46,0,0,1-2.12-1.2,5.2,5.2,0,0,1-.82-3,11.6,11.6,0,0,1,.85-4.19,18.86,18.86,0,0,1,2.18-4.09,15.37,15.37,0,0,1,2.88-3.14,4.81,4.81,0,0,1,3-1.27,2.89,2.89,0,0,1,.8.43,6.43,6.43,0,0,1,.85.74,5.91,5.91,0,0,1,.69.86,2,2,0,0,1,.32.76A6.31,6.31,0,0,0,203.83,27a14.3,14.3,0,0,0-2.73,2.81,16.49,16.49,0,0,0-2,3.51,9.17,9.17,0,0,0-.78,3.5.8.8,0,0,0,.5.85,5,5,0,0,0,2.37-1.76,33.44,33.44,0,0,0,3.26-4.76l.79-1.41c.3-.52.6-1.07.91-1.63l.9-1.72C207.34,25.83,207.62,25.27,207.88,24.73Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M209.72,50.75c-.33-.09-.52-.45-.57-1.06a5.94,5.94,0,0,1-.19-1.1c0-.42-.05-.91-.05-1.45a11.83,11.83,0,0,1,.24-2c.17-.86.4-1.83.7-2.92s.65-2.26,1.08-3.52.89-2.54,1.41-3.84c.64-1.63,1.19-3,1.67-4.23s.86-2.23,1.18-3.1.58-1.59.78-2.16.36-1,.48-1.45a8.64,8.64,0,0,1,.42-1,13.36,13.36,0,0,1,.66-1.22c.24-.41.5-.8.76-1.17a4.92,4.92,0,0,1,.71-.83,9.44,9.44,0,0,1,2.33.64,3,3,0,0,1,1.35.88,7.92,7.92,0,0,0-1.13,1.44,23.25,23.25,0,0,0-1.24,2.12,25.29,25.29,0,0,0-1.1,2.36,17.08,17.08,0,0,0-.74,2.12,10.32,10.32,0,0,1,.92-1.31c.37-.47,1-1.12,1.73-1.95a14.22,14.22,0,0,1,2.46-2.07,4,4,0,0,1,2-.72,3.23,3.23,0,0,1,2.21.74,2.39,2.39,0,0,1,.87,1.91,15.52,15.52,0,0,1-.85,5.05,15,15,0,0,1-2.44,4.51A10.39,10.39,0,0,1,224,36.84a12.57,12.57,0,0,1-1.7,1.25,9.34,9.34,0,0,1-1.73.87,4.5,4.5,0,0,1-1.52.32,2.24,2.24,0,0,1-1.12-.27,1.36,1.36,0,0,1-.65-.65,11.69,11.69,0,0,0,2.69-2.27,20.19,20.19,0,0,0,2.42-3.34,26.61,26.61,0,0,0,1.95-4.09,27.19,27.19,0,0,0,1.26-4.46,16,16,0,0,0-2.43,1.54A12.33,12.33,0,0,0,221,27.92c-.85,1-1.52,1.87-2,2.51s-.9,1.18-1.22,1.63a10.31,10.31,0,0,0-.78,1.25c-.2.39-.42.87-.65,1.44-.33.75-.72,1.75-1.15,3s-.89,2.62-1.35,4.16-.92,3.17-1.38,4.9-.9,3.47-1.33,5.19a1,1,0,0,1-.67-.57c-.19-.21-.33-.36-.41-.46A.81.81,0,0,0,209.72,50.75Z" transform="translate(0 -12.9)"/></svg>
\ No newline at end of file
diff --git a/assets/img/portfolio/1.jpg b/assets/img/portfolio/1.jpg
new file mode 100755
index 0000000..098362d
Binary files /dev/null and b/assets/img/portfolio/1.jpg differ
diff --git a/assets/img/portfolio/2.jpg b/assets/img/portfolio/2.jpg
new file mode 100755
index 0000000..5b1790d
Binary files /dev/null and b/assets/img/portfolio/2.jpg differ
diff --git a/assets/img/portfolio/3.jpg b/assets/img/portfolio/3.jpg
new file mode 100755
index 0000000..c33b3be
Binary files /dev/null and b/assets/img/portfolio/3.jpg differ
diff --git a/assets/img/portfolio/4.jpg b/assets/img/portfolio/4.jpg
new file mode 100755
index 0000000..fb22868
Binary files /dev/null and b/assets/img/portfolio/4.jpg differ
diff --git a/assets/img/portfolio/5.jpg b/assets/img/portfolio/5.jpg
new file mode 100755
index 0000000..5accc9c
Binary files /dev/null and b/assets/img/portfolio/5.jpg differ
diff --git a/assets/img/portfolio/6.jpg b/assets/img/portfolio/6.jpg
new file mode 100755
index 0000000..5c708a8
Binary files /dev/null and b/assets/img/portfolio/6.jpg differ
diff --git a/assets/img/team/1.jpg b/assets/img/team/1.jpg
new file mode 100755
index 0000000..5bb99e0
Binary files /dev/null and b/assets/img/team/1.jpg differ
diff --git a/assets/img/team/2.jpg b/assets/img/team/2.jpg
new file mode 100755
index 0000000..5390263
Binary files /dev/null and b/assets/img/team/2.jpg differ
diff --git a/assets/img/team/3.jpg b/assets/img/team/3.jpg
new file mode 100755
index 0000000..e2cfebf
Binary files /dev/null and b/assets/img/team/3.jpg differ
diff --git a/custom.css b/custom.css
new file mode 100755
index 0000000..480ae78
--- /dev/null
+++ b/custom.css
@@ -0,0 +1,129 @@
+:root {
+    --yellow-primary: rgb(255, 200, 43);
+}
+
+a {
+    text-decoration: none;
+}
+
+header {
+    background-image: url(assets/img/header-bg.jpg);
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-color: burlywood;
+    text-align: center;
+    color: #FFF;
+
+    #logo {
+        color: var(--yellow-primary);
+    }
+
+    nav {
+        text-transform: uppercase;
+        padding-top: 15px;
+
+        ul {
+            list-style-type: none;
+
+            li a {
+                color: rgba(255, 255, 255, 0.8);
+                transition: color .2s;
+                margin: 0 15px;
+
+                &:hover {
+                    color: var(--yellow-primary);
+                }
+            }
+        }
+    }
+
+    .header-baseline {
+        padding-block: 100px;
+
+        p:first-of-type {
+            font-style: italic;
+            font-size: 1.5rem;
+        }
+
+        p:last-of-type {
+            text-transform: uppercase;
+            font-size: 2.5rem;
+            font-weight: 700;
+        }
+
+        button {
+            background-color: var(--yellow-primary);
+            color: #FFF;
+            border: none;
+            border-radius: 3px;
+            box-shadow: none;
+            padding: 10px 25px;
+            text-transform: uppercase;
+            font-weight: 700;
+        }
+    }
+}
+
+section {
+    text-align: center;
+
+    .section-title, .card-title {
+        text-transform: uppercase;
+        font-weight: 700;
+        margin-top: 50px;
+    }
+
+    .section-description, .card-description {
+        font-weight: 300;
+        color: rgba(0, 0, 0, .7);
+    }
+
+    .card-title {
+        text-transform: capitalize;
+        margin-top: 15px;
+    }
+
+    .card-description {
+        line-height: 1.5;
+        margin-top: 15px;
+    }
+
+    i {
+        background-color: var(--yellow-primary);
+        color: #FFF;
+        border-radius: 50%;
+        padding: 25px;
+        font-size: 2rem;
+        margin-top: 25px;
+    }
+}
+
+#section-portfolio {
+    background-color: rgba(0, 0, 0, 0.1);
+
+    .portfolio-card {
+        background-color: #FFF;
+        padding: 0;
+        margin: 15px;
+    }
+}
+
+#section-about {
+
+    .about-card {
+
+    }
+
+    .about-img {
+        border-radius: 50%;
+    }
+
+    .about-img-right {
+        float: right;
+    }
+
+    .about-img-left {
+        float: left;
+    }
+}
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100755
index 0000000..0f07324
--- /dev/null
+++ b/index.html
@@ -0,0 +1,273 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
+    <link rel="stylesheet" href="custom.css">
+    <title>Agency</title>
+</head>
+<body>
+<!-- Header -->
+<header>
+    <!-- Navbar -->
+    <nav class="navbar d-flex justify-content-around">
+        <a href="#" id="logo" class="navbar-brand">Logo</a>
+        <ul class="navbar-nav  flex-row d-flex justify-content-around">
+            <li><a href="#">Services</a></li>
+            <li><a href="#">Portfolio</a></li>
+            <li><a href="#">About</a></li>
+            <li><a href="#">Team</a></li>
+            <li><a href="#">Contact</a></li>
+        </ul>
+    </nav>
+    <div class="header-baseline">
+        <p>Welcome to our studio!</p>
+        <p>It's nice to meet you</p>
+        <button>Tell me more</button>
+    </div>
+</header>
+<main>
+    <!--- Services Section -->
+    <section>
+        <h3 class="section-title">Services</h3>
+        <p class="section-description">Lorem ipsum dolor sit amet, consectetur.</p>
+        <div class="container">
+            <div class="row">
+                <div class="col-md-4 service">
+                    <i class="fa-solid fa-cart-shopping"></i>
+                    <h6 class="card-title">E-Commerce</h6>
+                    <p class="card-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus
+                        accusantium alias dolorem ea impedit iste necessitatibus nostrum, officiis quas repellendus
+                        saepe, vel. Animi beatae ea, est expedita magnam quam quia.</p>
+                </div>
+                <div class="col-md-4 service">
+                    <i class="fa-solid fa-laptop"></i>
+                    <h6 class="card-title">Responsive Design</h6>
+                    <p class="card-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus
+                        accusantium alias dolorem ea impedit iste necessitatibus nostrum, officiis quas repellendus
+                        saepe, vel. Animi beatae ea, est expedita magnam quam quia.</p>
+                </div>
+                <div class="col-md-4 service">
+                    <i class="fa-solid fa-lock"></i>
+                    <h6 class="card-title">Web Security</h6>
+                    <p class="card-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus
+                        accusantium alias dolorem ea impedit iste necessitatibus nostrum, officiis quas repellendus
+                        saepe, vel. Animi beatae ea, est expedita magnam quam quia.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!--- Portfolio Section -->
+    <section id="section-portfolio">
+        <h3 class="section-title">Portfolio</h3>
+        <p class="section-description">Lorem ipsum dolor sit amet, consectetur.</p>
+        <div class="container">
+            <!-- First portfolio row -->
+            <div class="row justify-content-center">
+                <!-- Card 1 -->
+                <div class="col-md-3 portfolio-card">
+                    <img src="assets/img/portfolio/1.jpg" alt="" class="img-fluid">
+                    <h6 class="card-title">Threads</h6>
+                    <p class="card-description">Illustration</p>
+                </div>
+                <!-- Card 2 -->
+                <div class="col-md-3 portfolio-card">
+                    <img src="assets/img/portfolio/2.jpg" alt="" class="img-fluid">
+                    <h6 class="card-title">Explore</h6>
+                    <p class="card-description">Graphic Design</p>
+                </div>
+                <!-- Card 3 -->
+                <div class="col-md-3 portfolio-card">
+                    <img src="assets/img/portfolio/3.jpg" alt="" class="img-fluid">
+                    <h6 class="card-title">Finish</h6>
+                    <p class="card-description">Identity</p>
+                </div>
+            </div>
+            <!-- Second portfolio row -->
+            <div class="row d-flex justify-content-center">
+                <!-- Card 4 -->
+                <div class="col-md-3 portfolio-card">
+                    <img src="assets/img/portfolio/4.jpg" alt="" class="img-fluid">
+                    <h6 class="card-title">Lines</h6>
+                    <p class="card-description">Branding</p>
+                </div>
+                <!-- Card 5 -->
+                <div class="col-md-3 portfolio-card">
+                    <img src="assets/img/portfolio/5.jpg" alt="" class="img-fluid">
+                    <h6 class="card-title">Southwest</h6>
+                    <p class="card-description">Website Design</p>
+                </div>
+                <!-- Card 6 -->
+                <div class="col-md-3 portfolio-card">
+                    <img src="assets/img/portfolio/6.jpg" alt="" class="img-fluid">
+                    <h6 class="card-title">Window</h6>
+                    <p class="card-description">Photography</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- About Section -->
+    <section id="section-about">
+        <h3 class="section-title">About</h3>
+        <p class="section-description">Lorem ipsum dolor sit amet, consectetur.</p>
+        <div class="container">
+            <div class="row">
+                <!-- Card 1 (img right) -->
+                <div class="col-md-6 about-card">
+                    <div class="card-title">
+                        <p>2009-2011</p>
+                        <p>Our Humble Beginings</p>
+                    </div>
+                    <div class="card-description">
+                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci aliquam, autem
+                            consequuntur debitis deserunt distinctio dolorem exercitationem facere fugiat illum incidunt
+                            ipsum laboriosam molestias mollitia optio perferendis quae repellendus rerum.</p>
+                    </div>
+                    <img src="assets/img/about/1.jpg" alt="" class="about-img about-img-right">
+                </div>
+                <!-- Card 2 (img left) -->
+                <div class="col-md-6 about-card">
+                    <img src="assets/img/about/2.jpg" alt="" class="about-img about-img-left">
+                    <div class="card-title">
+                        <p>March 2011</p>
+                        <p>An Agency is Born</p>
+                    </div>
+                    <div class="card-description">
+                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci aliquam, autem
+                            consequuntur debitis deserunt distinctio dolorem exercitationem facere fugiat illum incidunt
+                            ipsum laboriosam molestias mollitia optio perferendis quae repellendus rerum.</p>
+                    </div>
+                </div>
+                <!-- Card 3 (img right) -->
+                <div class="col-md-6 about-card">
+                    <div class="card-title">
+                        <p>December 2015</p>
+                        <p>Transition to Full Service</p>
+                    </div>
+                    <div class="card-description">
+                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci aliquam, autem
+                            consequuntur debitis deserunt distinctio dolorem exercitationem facere fugiat illum incidunt
+                            ipsum laboriosam molestias mollitia optio perferendis quae repellendus rerum.</p>
+                    </div>
+                    <img src="assets/img/about/3.jpg" alt="" class="about-img about-img-right">
+                </div>
+                <!-- Card 4 (img left) -->
+                <div class="col-md-6 about-card">
+                    <img src="assets/img/about/4.jpg" alt="" class="about-img about-img-left">
+                    <div class="card-title">
+                        <p>July 2020</p>
+                        <p>Phase Two Expansion</p>
+                    </div>
+                    <div class="card-description">
+                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci aliquam, autem
+                            consequuntur debitis deserunt distinctio dolorem exercitationem facere fugiat illum incidunt
+                            ipsum laboriosam molestias mollitia optio perferendis quae repellendus rerum.</p>
+                    </div>
+                </div>
+                <!-- Img alone -->
+                <p id="about-img-alone" class="about-img">Be Part of Our Story!</p>
+            </div>
+        </div>
+    </section>
+    <!-- Team Section -->
+    <section>
+        <div class="container">
+            <h3 class="section-title">Our Amazing Team</h3>
+            <p class="section-description">Lorem ipsum dolor sit amet, consectetur.</p>
+            <div class="row">
+                <!-- Card 1 -->
+                <div class="col-md-4 team-card">
+                    <img src="assets/img/team/1.jpg" alt="" class="team-card-img">
+                    <p class="card-title">Parveen Anand</p>
+                    <p class="card-description">Lead Designer</p>
+                    <div class="team-card-socials">
+                        <a href="#"><i class="fa fa-twitter"></i></a>
+                        <a href="#"><i class="fa fa-facebook"></i></a>
+                        <a href="#"><i class="fa fa-linkedin"></i></a>
+                    </div>
+                </div>
+                <!-- Card 2 -->
+                <div class="col-md-4 team-card">
+                    <img src="assets/img/team/2.jpg" alt="" class="team-card-img">
+                    <p class="card-title">Diana Petersen</p>
+                    <p class="card-description">Lead Marketer</p>
+                    <div class="team-card-socials">
+                        <a href="#"><i class="fa fa-twitter"></i></a>
+                        <a href="#"><i class="fa fa-facebook"></i></a>
+                        <a href="#"><i class="fa fa-linkedin"></i></a>
+                    </div>
+                </div>
+                <!-- Card 3 -->
+                <div class="col-md-4 team-card">
+                    <img src="assets/img/team/3.jpg" alt="" class="team-card-img">
+                    <p class="card-title">Larry Parker</p>
+                    <p class="card-description">Lead Developer</p>
+                    <div class="team-card-socials">
+                        <a href="#"><i class="fa fa-twitter"></i></a>
+                        <a href="#"><i class="fa fa-facebook"></i></a>
+                        <a href="#"><i class="fa fa-linkedin"></i></a>
+                    </div>
+                </div>
+            </div>
+            <p class="team-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur dignissimos
+                esse excepturi
+                inventore iusto nesciunt similique velit voluptas.</p>
+        </div>
+    </section>
+    <!-- Companies Section -->
+    <section>
+        <div class="container">
+            <div class="row">
+                <div class="col-md-3"><img src="assets/img/logos/microsoft.svg" alt="" class="company-img"></div>
+                <div class="col-md-3"><img src="assets/img/logos/google.svg" alt="" class="company-img"></div>
+                <div class="col-md-3"><img src="assets/img/logos/facebook.svg" alt="" class="company-img"></div>
+                <div class="col-md-3"><img src="assets/img/logos/ibm.svg" alt="" class="company-img"></div>
+            </div>
+        </div>
+    </section>
+    <!-- Contact Section -->
+    <section>
+        <div class="container">
+            <h3 id="contact-section-title" class="section-title">Contact Us</h3>
+            <p id="contact-section-description" class="section-description">Lorem ipsum dolor sit amet, consectetur.</p>
+            <form class="row contact-form">
+                <div class="col-md-6">
+                    <label for="name"></label>
+                    <input type="text" id="name" name="name" placeholder="Your Name *" required>
+                    <label for="email"></label>
+                    <input type="text" id="email" name="email" placeholder="Your Email *" required>
+                    <label for="phone"></label>
+                    <input type="text" id="phone" name="phone" placeholder="Your Phone *" required>
+                </div>
+                <div class="col-md-6">
+                    <label for="message"></label>
+                    <textarea id="message" name="message" placeholder="Your Message *" required></textarea>
+                </div>
+                <button type="submit" class="btn-submit">Send Message</button>
+            </form>
+        </div>
+    </section>
+</main>
+<!-- Footer -->
+<footer>
+    <div class="container">
+        <div class="row">
+            <div id="footer-copyright" class="col-md-4">
+                <p>Copyright &copy; Your Website 2023</p>
+            </div>
+            <div id="footer-socials" class="col-md-4">
+                <a href="#"><i class="fa fa-twitter"></i></a>
+                <a href="#"><i class="fa fa-facebook"></i></a>
+                <a href="#"><i class="fa fa-linkedin"></i></a>
+            </div>
+            <div id="footer-policies" class="col-md-4">
+                <a href="#">Privacy Policy</a>
+                <a href="#">Terms of Use</a>
+            </div>
+        </div>
+    </div>
+</footer>
+<script src="https://kit.fontawesome.com/b62beca04b.js" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>
\ No newline at end of file