diff --git a/public/css/style.css b/public/css/style.css index eb21efa..dd753ab 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -29,29 +29,11 @@ body{ } body { background-color:#ECF2FF; - } - header{ - background-color: #24252A; - } - -.max-width{ - max-width: 1300px; - padding: 0 80px; - margin: auto; -} -.about{ - font-family: 'Poppins', sans-serif; -} -.about .about-content{ - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: space-between; -} + } /* landing section */ .hero{ - height: 90vh; + height: 100vh; display: flex; align-items: center; } @@ -97,11 +79,51 @@ body{ transition: all 0.3s ease 0s; margin-bottom: 40px; } -/* */ +/* about section */ +.about{ + font-family: 'Poppins', sans-serif; + display: flex; + padding: 20px; +} +.hero2_img{ + width: 500px; + height: 500px; + border-radius: 50%; + margin-left: 80px; +} +.about-txt{ + display: flex; + flex-wrap: wrap; + margin-left: 50px; + margin-top: 70px; +} +#more {display: none;} +#myBtn {cursor: pointer;} +/* contact section */ +.contact{ + font-family: 'Poppins', sans-serif; + display: flex; + padding: 20px; + align-items: center; + gap: 500px; + justify-content: center; +} +.contact1{ + display: block; + margin-top: 70px; + font-size:medium; +} +.contact2{ + margin-top: 70px; + width: 400px; +} +.address-info{ + display: block; +} /* all similar content styling codes */ -section{ +/* section{ padding: 100px 0; } .max-width{ @@ -139,7 +161,7 @@ section .title{ background: #111; transform: translateX(-50%); } */ -section .title::after{ +/* section .title::after{ position: absolute; bottom: -8px; left: 50%; @@ -149,14 +171,11 @@ section .title::after{ background: #fff; transform: translateX(-50%); } - + */ /* about section styling */ -.about .title::after{ - content: "Who We are"; -} -.about .about-content .left{ +/* .about .about-content .left{ width: 45%; } .about .about-content .left img{ @@ -194,11 +213,11 @@ section .title::after{ .about .about-content .right a:hover{ color: crimson; background: none; -} +} */ /* contact section styling */ -.contact .title::after{ +/* .contact .title::after{ content: "Get In Touch"; } .contact .contact-content .column{ @@ -290,7 +309,7 @@ section .title::after{ background: crimson; border: 2px solid crimson; transition: all 0.3s ease; -} +} */ @@ -298,7 +317,7 @@ section .title::after{ /* footer section styling */ footer{ - background: #111; + background: #353535; padding: 15px 23px; color: #fff; text-align: center; @@ -383,4 +402,72 @@ body { .dark-mode .icons .info .head, .dark-mode .icons .info .sub-title { color: #e0e0e0; -} \ No newline at end of file +} +@media (min-width: 768px) { + #myBtn { display: none; } + #dots { display: none; } + #more { display: inline; } +} +@media (max-width: 768px) { + .hero{ + flex-direction: column; + align-items: center; + justify-content: center; + text-align: center; + margin-top: 120px; + } + .hero_img{ + width: 300px; + height: 300px; + margin-left: 0px; + } + .left{ + display: none; + } + .hero_text{ + margin-left: auto; + } + .hero_text2{ + margin-left: auto; + } + .hero_text3{ + margin-left: auto; + } + .hero_btn{ + margin-left: auto; + } + /* about section */ + .abt-txt{ + margin-top: 20px; + } + .about{ + flex-direction: column-reverse; + text-align: center; + align-items: center; + justify-content: center; + } + .hero2_img{ + width: 280px; + height: 280px; + margin-left: 0px; + } + .about-txt{ + margin-left: auto; + font-size:17px; + margin-top: 0px; + } + /* contact section */ + .contact{ + flex-direction: column; + text-align: center; + align-items: center; + justify-content: center; + gap: 10px; + } + .con-txt{ + margin-top: 20px; + } + .contact2{ + width: 350px; + } +} diff --git a/views/index.ejs b/views/index.ejs index e10947b..49a0d10 100644 --- a/views/index.ejs +++ b/views/index.ejs @@ -1,24 +1,17 @@ - Petari - - + - - -
@@ -53,127 +46,89 @@
-
+

WELCOME

TO PETARI

-

"Hunger is not a problem. It is an obscenity. -

-

How wonderful it is +

+ "How wonderful it is that nobody need wait a single moment
before starting to improve the world. – Anne Frank "

-
+
hero
+

About us

-
-

About US

-
-
- -
-
-

Petari is an organisation which aims to redistribute excess food from weddings, parties, - events to those who are hungry.We aim to bring benefits across the spectrum of society and - help provide access to food to those who don’t have adequate means to access it. - - Petari is working in alignment with India Sustainable Development Goals for making the World - Hunger Free and Zero Food Waste.In addition to its important economic and societal impact, - food waste places undue pressure on finite natural resources and the environment. The - economic costs of this food wastage are substantial and amount to about $1 trillion each - year. Food that is harvested but ultimately lost or wasted consumes about one-quarter of all - water used by agriculture each year and requires a cropland area the size of China. Also, - Food waste generates about 8% of global greenhouse gas emissions annually and it is the - third-largest emitter of greenhouse gases in the world.In the Global Hunger Index report - 2020, India ranked 94th out of 107 countries with a score of 27.2 indicating a “Serious” - hunger situation prevailing in the Nation.

-
-

Our Vision :

-

- To bring a social change in every individual in-order to reduce food waste and to make the - World Hunger Free.

- - - -
-
+
+ hero2
- - - - - -
-
-

Contact me

-
-
-
Get in Touch
-

Thank you for visiting to petari. Connect with me over socials. -
- Please wait for a while all major projects will be listed soon. Till then keep visiting. - Connect with me over live chat! -

-
-
-
-
- -
-
Name
-
Sahil - Hossain
-
-
-
- -
-
Address
-
Nalhati, West Bengal
-
-
-
- -
-
Email
-
sahilkaitha@gmail.com
-
-
-
-
-
-
Message me
-
-
-
- -
- -
-
- -
-
- -
-
- - -
-
-
+
+

+ Petari is an organisation which aims to redistribute excess food from weddings, parties, + events to those who are hungry.We aim to bring benefits across the spectrum of society and + help provide access to food to those who don’t have adequate means to access it. + ... + + Petari is working in alignment with India Sustainable Development Goals for making the World + Hunger Free and Zero Food Waste.In addition to its important economic and societal impact, + food waste places undue pressure on finite natural resources and the environment. The + economic costs of this food wastage are substantial and amount to about $1 trillion each + year. Food that is harvested but ultimately lost or wasted consumes about one-quarter of all + water used by agriculture each year and requires a cropland area the size of China. Also, + Food waste generates about 8% of global greenhouse gas emissions annually and it is the + third-largest emitter of greenhouse gases in the world.In the Global Hunger Index report + 2020, India ranked 94th out of 107 countries with a score of 27.2 indicating a “Serious” + hunger situation prevailing in the Nation. + Read more +
+
+ Our Aim: + To bring a social change in every individual in-order to reduce food waste and to make the + World Hunger Free. +

+
+
+ +

Contact us

+
+
+

Contact information

+
+ +

Address : 123 Main Street, Anytown, USA

+
+ +

Phone : 123-456-7890

-
- - - - - +
+ +

Email : 3nZ9d@example.com

+
+
+
+

feedback form

+
+
+ + +
+
+ + +
+
+ + +
+ +
+
@@ -232,10 +187,23 @@ darkModeToggle.addEventListener('click', toggleDarkMode); }); + function myFunction() { + var dots = document.getElementById("dots"); + var moreText = document.getElementById("more"); + var btnText = document.getElementById("myBtn"); + + if (dots.style.display === "none") { + dots.style.display = "inline"; + btnText.innerHTML = "Read more"; + moreText.style.display = "none"; + } else { + dots.style.display = "none"; + btnText.innerHTML = "Read less"; + moreText.style.display = "inline"; + } + } - - + - \ No newline at end of file