diff --git a/css/style.css b/css/style.css index 75e9841e..6afde2fa 100644 --- a/css/style.css +++ b/css/style.css @@ -1,8 +1,48 @@ -/** - * Add your custom styles below - * - * Remember: - * - Be organised, use comments and separate your styles into meaningful chunks - * for example: General styles, Navigation styles, Hero styles, Footer etc. - * - */ + +html { + font-family: 'Inconsolata', monospace; + } + /** General styles */ + body{ + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; + padding-bottom: 40px; + background-color: #f5ebe0; + margin: 0; + } +/** Header */ +header{ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background-image: url("https://www.freewebheaders.com/wp-content/gallery/swimming/pool-swimming-sport-header.jpg"); + width: 80%; +} +/** Text styles */ +h1{ + font-size: 50px; + align-items: center; + color: rgb(236, 252, 252); +} +h2{ + font-size: 15px; + width: 50rem; + color: rgb(236, 252, 252); +}/** Articles */ +section { + padding: 1rem; + width: 40rem; + align-items: center; +} + +article:first-child{ + padding: 1rem; + border: 1rem solid bisque; +} +/** Footer */ +footer { + padding: 10px 20px; +} \ No newline at end of file diff --git a/index.html b/index.html index 67dfc7f5..40648fe4 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,7 @@ name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> - My Blog + My Website about Swimming - - +
+

+ Benefits of Swimming +

+

+ Swimming is one of the few sports you can do from a young age and all the way up into your 90s and beyond.

+
+
+
+
+

Swimming is Good for Asthma

+

Swimming is great for people who suffer from chronic lung conditions such as asthma. Asthma sufferers, especially those with sports-induced asthma, can experience trouble because the loss of heat and moisture in the bronchial tubes causes the tubes to contract. This happens when the air is dry and/or cold outside. Swimming is the best exercise for asthma patients because the moisture from the water replaces the moisture expelled during vigorous breathing. +

+ Read more... +
+
+

Swimmers are More Confident

+

Swimming is a confidence-building sport. Early evidence from an ongoing study out of Griffith University in Australia revealed that young swimmers are more confident than their non-swimming peers. This is also true for competitive and non-competitive adult swimmers. Swimming teaches confidence in the pool and in the open water, which translates to confidence on land as well.

+ Read more... +
+
+

Swimming Teaches Team-Building Skills

+

Swimmers on teams or in swim classes have better team-building skills. Swimmers learn to work together, to encourage each other, to communicate, and to become leaders. All of these skills translate into effective leaders in adulthood. Team-building skills encourage collaboration, goal orientation, inspiration, strategy development, and coordination, which all result in successful careers and professional relationships.

+ Read more... +
+
+ +
+