diff --git a/css/global.css b/css/global.css index 47ed3a9..d513d69 100644 --- a/css/global.css +++ b/css/global.css @@ -3,10 +3,13 @@ body { font-family: Roboto, serif; margin: 0; padding: 0; + width: 1921px; + height: 1041px; + } .wrapper { - max-width: 1600px; + width: 1400px; margin: 0 auto; padding: 0 40px; box-sizing: border-box; diff --git a/css/style.css b/css/style.css index dea29ed..54d3c45 100644 --- a/css/style.css +++ b/css/style.css @@ -1,8 +1,8 @@ .centered-left-image { position: absolute; - top: -15px; - left: -150px; + top: 150px; + left: 200px; width: 150px; height: auto; z-index: -1; @@ -10,26 +10,6 @@ body.home-page { background-color: #141414; } -.icon-small-container { - display: flex; - justify-content: center; - align-items: center; - width: 23px; - height: 23px; - background-color: #000; - border-radius: 50%; - position: relative; - left: -10px; -} - -.icon-small-container img { - width: 80%; - height: 50%; - - -} - - .container { display: flex; align-items: center; @@ -90,18 +70,18 @@ nav ul li a { font-weight: bold; } .main-section { - display: grid; - grid-template-columns: 1fr 1fr; align-items: start; padding: 2em 0; - /*position: relative;*/ gap: 2em; + box-sizing: border-box; } +.main-section .wrapper{ + display: flex; +} .left-homecontent { flex: 1; - position: relative; - z-index: 1; + width: 50%; color: #fff; margin-right: 2em; @@ -133,19 +113,20 @@ nav ul li a { border-radius: 8px; } .right-homecontent { - position: relative; display: flex; - justify-content: center; /* Centering the content */ - align-items: center; /* Centering the content */ - padding: 2em; /* Adding padding if necessary */ + width: 50%; + justify-content: center; + align-items: center; + padding: 2em; + } .homepage-office { - width: 200%; + width: 100%; height: auto; position: relative; - right: 0; /* Adjust as needed */ - top: 0; /* Adjust as needed */ + right: 0; + top: 0; z-index: 0; } .footer { @@ -190,7 +171,7 @@ nav ul li a { } .footer-section.pages { - margin-left: 3em; /* Add margin to the left of the pages list section */ + margin-left: 3em; } .footer-logo p { margin: 0; @@ -310,7 +291,7 @@ nav ul li a { } .section-heading h2 { - font-size: 2.5em; + font-size: 2em; margin-bottom: 2em; font-family: 'Times New Roman', Times, serif; } diff --git a/images/about-us.html b/images/about-us.html new file mode 100644 index 0000000..e69de29