From c1365754ec7fc88feca523b5fa54d4c3e728dc5e Mon Sep 17 00:00:00 2001 From: sina-alimi Date: Thu, 5 Sep 2024 01:04:48 +0330 Subject: [PATCH] create page Blog-page and fix section header --- blog.html | 394 ++++++++++++++++++++++++++++++++++++++++++++++++++ css/style.css | 9 +- header.html | 251 ++++++++++++++++---------------- 3 files changed, 521 insertions(+), 133 deletions(-) create mode 100644 blog.html diff --git a/blog.html b/blog.html new file mode 100644 index 0000000..22ec3f8 --- /dev/null +++ b/blog.html @@ -0,0 +1,394 @@ + + + + + Blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ + +
+ +
+
+
+ + + + + +
+
+
+
+ + + + +
+ +
+ + +
+ +
+

Subscribe to Our Blog

+

Stay up to date with the latest marketing, sales, and service tips and news.

+ + +
+ +
+
+
+ +

2020 State of Marketing Report

+ Explore the Report + +
+
+ + + +
+
+ +
+
+

Explore More Topic

+

Ready to brush up on something new? We've got more to read right this way.

+ +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/css/style.css b/css/style.css index a4ca809..e3fa91b 100644 --- a/css/style.css +++ b/css/style.css @@ -3115,6 +3115,7 @@ body .content .latest-posts-section .card-for-latest .m-l-r { .blog .content .section-article .most-popular { width: 34%; margin-left: 0; + overflow: scroll; } @media screen and (max-width: 62em) { .blog .content .section-article .most-popular { @@ -5297,7 +5298,7 @@ body .content .latest-posts-section .card-for-latest .m-l-r { } @media screen and (max-width: 75em) { .footer-section .text-section { - width: 90%; + width: 80%; } } @media screen and (max-width: 62em) { @@ -5430,7 +5431,7 @@ body .content .latest-posts-section .card-for-latest .m-l-r { } @media screen and (max-width: 75em) { .footer-section .text-section .colm-txt .input-e { - width: 87%; + width: 85%; border-radius: 5px 5px 5px 5px; } } @@ -5520,12 +5521,12 @@ body .content .latest-posts-section .card-for-latest .m-l-r { } @media screen and (max-width: 75em) { .footer-section .down-footer .logo { - width: 90%; + width: 80%; } } @media screen and (max-width: 62em) { .footer-section .down-footer .logo { - width: 85%; + width: 75%; } } .footer-section .down-footer .logo img { diff --git a/header.html b/header.html index 17fb19b..85e12ee 100644 --- a/header.html +++ b/header.html @@ -31,12 +31,12 @@ - +
-
-
+
+
- + - +
-
+
+
- - - - - + + + + + - - - + - + }); -
- + + }); + + +