Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/App-Choreography/Fix-Our-Readme

To help new-comers, come here, fish out an error in our readme, and make a pull request!
https://github.com/App-Choreography/Fix-Our-Readme

issues newcomers pull-requests

Last synced: 4 days ago
JSON representation

To help new-comers, come here, fish out an error in our readme, and make a pull request!

Awesome Lists containing this project

README

        

###### Join our org [Here ✉️](https://github.com/App-Choreography/Get-An-Invite/issues/new?assignees=CodingSpecies&labels=Organisation+Invite%21+%F0%9F%93%A8&template=please-can-i-join-this-organisation------.md&title=Please+Can+I+Join+This+Organisation%3F+%F0%9F%A5%BA%F0%9F%99%8F") | [Our Website 🌐](https://app-choreography.github.io/) | [Repositories 📚](https://github.com/orgs/App-Choreography/repositories)

# Fix Our Readme!

[![All Contributors](https://img.shields.io/badge/all_contributors-6-orange.svg?style=flat-square)](#contributors-)

Get an invite to our organisation when you contribute!

**This is a super easy way to polish your issue and pull request skills!**

Simply make a pull request with your fixes, and then create an issue, either using our templates, or free style!

### Contributing Guidelines: [How-To-Contribute](https://github.com/App-Choreography/How-To-Contribute)

## Here is the list on what to fix:

> Please only choose 1 error per coder, so everyone has a go!

- [x] Headings on where they are designed:

`#` This is where a H1 is meant to be!

- [x] Capital letters where they are missing, at the start of every sentence.
- [x] Spelling mistakes.
- [x] Broken markdown:

`##This is a H2` ----> `## This is a H2`

---

## Are you ready...
Here we go!

---
## How to make a website with mutiple backgrounds:

### Here is the screenshot of the website we will master today!

![alt text](https://user-images.githubusercontent.com/70807500/129236192-d50c8137-4cae-4b0f-b489-6b2bdf4458ad.png)

Looks cool right?

## The reqired code you will need:

```html




Under sea demo







WORD BLA BLA BLA

```

### The HTML:

as always, their will always be a boilerplate::;

```html




```

the `body` tagg shoows the elements of the DOM(Document Object Moddell).

## Lets carrie on!

```html







WORD BLA BLA BLA

```

## So we have 6 `

` elements, that contain imgs, and our last div contains our main text!

## Time for the CSS!

```css
body, html {
height: 100%;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
}

* {
box-sizing: border-box;
}

.bg-image {
height: 50%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.img1 {background-image: url("https://wallpaperaccess.com/full/1321265.jpg");}
.img2 {background-image: url("https://www.irishnews.com/picturesarchive/irishnews/irishnews/2018/03/11/181039187-d87ff77c-48c4-4a04-89d0-feae54f2faec.jpg");}
.img3 {background-image: url("https://i.natgeofe.com/n/705ec8f5-2a1b-43c1-98ba-1d8ebfe58fce/01-trumps-ocean-policy-nationalgeographic_2461163_16x9.jpg?w=636&h=358");}
.img4 {background-image: url("https://ml8ygptwlcsq.i.optimole.com/fMKjlhs-Dn1kuuR_/w:412/h:274/q:auto/https://www.unite.ai/wp-content/uploads/2020/04/fish-288988_960_720.jpg");}
.img5 {background-image: url("https://ensia.com/wp-content/uploads/2017/02/feature_ocean_soundscapes_main2-1-760x378.jpg");}
.img6 {background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQg069NjXxl1pnbY0J6a7JOkoqAGMp3Kh2YcIfim4M_KX84wvX_sF4e7UFbVnhRg-OWOUU&usqp=CAU");}

.bg-text {
background-color: rgb(0, 0, 0);
background-color: rgba(0,0,0, 0.4);
color: white;
font-weight: bold;
font-size: 80px;
border: 10px solid #f1f1f1;
position: fixed;
top: 50%;
left:50%;
transform: translate(-50%, -50%);
z-index: 2;
width: 300px;
padding: 20px;
text-align: center;
}
```
## How you guys can help!

- [x] We need to add a CSS explanation!

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):




Anirudh Anup

🖋

CodingSpecies

📆

Sumit Mukharjee

🖋

Harshit Aditya

🖋

Kira

🖋

Harshbardhan Singh

🖋

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!