about

style.css

@@ -15,6 +15,7 @@ img {
 .wrapper {
     background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(74, 40, 0, 1) 100%);
     width: 100%;
+    overflow-x: hidden;
 }
 
 /* --------------------------------HEADER----------------------------- */
@@ -268,4 +269,187 @@ span img {
     text-align: center;
     margin: 0 auto;
     white-space: nowrap;
+}
+/* -----------------------------EMAIL--------------------------------------- */
+
+.container {
+
+}
+.email {
+    padding-bottom: 120px;
+}
+.email_h3 {
+    font-size: 30px;
+    margin-top: 60px;
+    margin-bottom: 30px;
+}
+.email_block {
+    background: #1C140F;
+    margin-top: 10px;
+    border-radius: 10px;
+    padding: 40px 3%;
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+.email_collumn {
+}
+.email_h4 {
+    font-size: 30px;
+    font-weight: 500;
+    margin-bottom: 20px;
+}
+.email_p {
+    width: 500px;
+    margin-bottom: 50px;
+}
+.email_input {
+    background-color: #fff;
+    outline: none;
+    border: 0;
+    border-radius: 5px;
+    width: 380px;
+    font-family: "Poppins", sans-serif;
+    font-weight: 400;
+    padding: 20px 30px;
+    position: relative;
+    right: -120px;
+    z-index: 1;
+    padding-right: 160px;
+}
+.email_input::placeholder {
+    color: #898989;
+}
+.email_btn {
+    background: #DC7000;
+    border-radius: 8px;
+    transition: none;
+    cursor: pointer;
+    border: 0;
+    padding: 11px 15px;
+    position: relative;
+    z-index: 2;
+    color: #fff;
+}
+.email_btn:hover {
+    transform: none;
+    background: #a02604;
+}
+
+/* --------------------------------------ABOUT-HERO------------------------------------------- */
+
+.hero_about {
+    display: flex;
+    position: relative;
+}
+.container {
+}
+.hero_info {
+    width: 500px;
+    padding: 250px 0;
+}
+.hero_h1 {
+    margin-bottom: 15px;
+    font-size: 30px;
+}
+.hero_p {
+    font-size: 15px;
+}
+.hero_btn {
+}
+.button {
+}
+.hero_img {
+    position: absolute;
+    right: -150px;
+    top: 0;
+}
+
+/* ----------------------------------------ABOUT-WORK-------------------------------------------- */
+
+.container {
+}
+.work {
+    padding: 80px 0;
+}
+.work_h2 {
+    font-size: 25px;
+    font-weight: 700;
+    margin-bottom: 40px;
+}
+.work_blocks {
+    display: flex;
+    justify-content: space-between;
+}
+.work_block {
+    width: 30%;
+    border-radius: 20px;
+    padding: 50px 35px;
+    background-color: #1C140F;
+}
+.work_badge {
+    border-radius: 8px;
+    padding: 10px 20px;
+}
+.purple {
+    background-color: #560F67;
+}
+.work_h3 {
+    font-size: 20px;
+    font-weight: 700;
+    margin: 30px 0;
+}
+.work_p {
+}
+.brown {
+    background-color: #31190D;
+}
+.green {
+    background-color: #192A1D;
+}
+
+/* -----------------------------------FOOTER------------------------------------------ */
+
+.footer {
+    background-color: #000;
+}
+.blocks {
+    padding: 50px 0;
+    display: flex;
+    justify-content: space-between;
+    padding-bottom: 0;
+}
+.container {
+}
+.footer_info {
+}
+.footer_logo {
+    text-transform: uppercase;
+    font-size: 29px;
+    font-weight: 800;
+}
+.footer_p {
+    width: 300px;
+    padding: 15px 0;
+}
+.footer_h4 {
+    font-weight: 500;
+    font-size: 17px;
+}
+.footer_ul {
+}
+.footer_li {
+    margin-top: 7px;
+    opacity: 0.8;
+}
+footer hr {
+    margin: 30px 0;
+    border: 0;
+    height: 0.6px;
+    background: #ccc;
+}
+.footer_p_down {
+    text-align: center;
+    padding-bottom: 30px;
 }