diff --git a/css/style.css b/css/style.css index 75e9841e..48160f89 100644 --- a/css/style.css +++ b/css/style.css @@ -1,6 +1,70 @@ -/** - * Add your custom styles below - * + body { + font-family: "Mochiy Pop One", sans-serif; + margin: 0; + font-size: larger; +} +/* HEADER*/ +.header { + background-color: #4268CC; + text-align: center; + color: white; + padding: 30px; + margin: 30px; + } + + main { + height: 100%; + padding: 2rem; + } + .section1 { + display: flex; + justify-content: center; + flex-direction: row; + align-items: center; + font-size: 12px; + padding: 15px; + margin: 10px; + + } + .article { + color: white; + width: 50%; + background-color: #4268CC; + padding: 15px; + margin: 10px; + } + .section2 { + background-color: #ebc621; + padding: 10px; + } + + .article2 { + margin: 50px; + background-color: #bcbcbce9; + padding: 50px; + text-align: center; + } + .buttonarticle{ + text-decoration: none; + background-color:hsl(27, 96%, 40%); + color:white; + border-radius: 5px; + padding: 0.5rem 0.5rem; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + + + } + + /* FOOTER */ + .footer { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + } * Remember: * - Be organised, use comments and separate your styles into meaningful chunks * for example: General styles, Navigation styles, Hero styles, Footer etc. diff --git a/index.html b/index.html index 67dfc7f5..5df66816 100644 --- a/index.html +++ b/index.html @@ -18,5 +18,107 @@ - +
+

Positive Psychology

+

+ Positive psychology is a branch of psychology focused on the character strengths + and behaviors that allow individuals to build a life of meaning and purpose—to move + beyond surviving to flourishing. + Theorists and researchers in the field have sought to identify the elements of a good life. + They have also proposed and tested practices for improving life satisfaction and well-being. +

+
+ +
+
+
+

What Is Positive Psychology?

+

+ Positive psychology is one of the newest branches of psychology to emerge. + This particular area of psychology focuses on how to help human beings prosper + and lead healthy, happy lives. While many other branches of psychology + tend to focus on dysfunction and abnormal behavior, positive psychology is centered + on helping people become happier. +

+

Positive psychology is designed to "complement and extend the problem-focused + psychology that has been dominant for decades," explained the late Christopher Peterson, + author of "A Primer in Positive Psychology" and professor at the University of Michigan, + in a 2008 article published in Psychology Today. +

+ +
+
+

Levels

+

+ Positive psychology is often referred to three different levels such as subjective level, + individual level and group level. +

+

+ Positive psychology is often referred to three different levels such as subjective level, + individual level and group level. +

+

+ Positive psychology is often referred to three different levels such as subjective level, + individual level and group level. +

+ +
+
+

Uses

+

+ Positive psychology can have a range of real-world applications in areas including education, + therapy, self-help, stress management, and workplace issues. + Using strategies from positive psychology, teachers, coaches, therapists, and employers + can motivate others and help individuals understand and develop their personal strengths. + Some of the major topics of interest in positive psychology include: +

    +
  • Gratitude
  • +
  • Hope
  • +
  • Optimism
  • +
  • Positive thinking
  • +
  • Resilience
  • +
+

+ +
+
+ +
+
+

History

+

+ After the Second World War, the focus of psychology was on treating abnormal + behaviors and the resulting mental illnesses. +

+

+ Dissatisfied with this approach, humanist psychologists, such as Abraham Maslow, + Carl Rogers, and Eric Fromm helped renew interest in the more positive + aspects of human nature. +

+
+
+

Popularity

+

+ It's one of the most desired web frameworks currently in use. + Multiple industry-leading apps are built with React. +

+

+ It's a proven technology that's capable of producing + enterprise-class solutions. +

+
+
+
+ + + + +