Background & Content Programing

Simple Lorem Ipsum with CSS

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dolor purus non enim praesent elementum facilisis. Gravida arcu ac tortor dignissim convallis aenean et tortor. Velit scelerisque in dictum non consectetur a erat nam. Scelerisque viverra mauris in aliquam sem fringilla ut morbi. A diam sollicitudin tempor id eu nisl nunc mi. Lacus sed viverra tellus in hac habitasse platea. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum consequat. Quis risus sed vulputate odio ut enim. Mauris nunc congue nisi vitae suscipit tellus mauris. Id porta nibh venenatis cras sed felis eget. Sed adipiscing diam donec adipiscing.

The Code

Code keeps the background stationary with background-attachment: fixed; 

		

<!--Page Side Styling-->

body{
background-image: url("CSS-Images/BeachBackground.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
background-color: transparent;
height: 500px;
}

<!--CSS Side Styling-->
#cont1{
    background-image: url("../CSS-Images/BeachBackground.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: transparent;
    height: 500px;
}
#par1{
    font-family: 'Poiret One', cursive;
    background-color: black;
    color: ghostwhite;
    opacity: 45%;
}
h2{
     font-family: 'Julius Sans One', sans-serif;
    text-align: center;
}
@media(min-width: 600px){
    p{
        font-size: 1.25rem;
    }
}
@media(min-width: 800px){
    p{
        font-size: 1.50rem;
    }
}
@media(min-width: 1000px){
    p{
        font-size: 1.75rem;
    }
}

Header 3

Mauris nunc congue nisi vitae suscipit tellus. In massa tempor nec feugiat nisl. Nec dui nunc mattis enim ut tellus elementum. Sed id semper risus in hendrerit gravida rutrum. Tincidunt tortor aliquam nulla facilisi cras fermentum odio eu feugiat. Nulla aliquet enim tortor at auctor urna nunc. Mauris ultrices eros in cursus. Nunc sed augue lacus viverra vitae congue eu consequat ac. Molestie at elementum eu facilisis sed. Hendrerit gravida rutrum quisque non tellus orci ac. A diam sollicitudin tempor id eu nisl nunc mi. Vestibulum mattis ullamcorper velit sed ullamcorper. Morbi tristique senectus et netus et malesuada. Egestas egestas fringilla phasellus faucibus scelerisque. Elit ut aliquam purus sit amet luctus. Est ultricies integer quis auctor elit sed vulputate mi sit. Elit duis tristique sollicitudin nibh. Ut faucibus pulvinar elementum integer.