Skip to content

americaCode #6

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
AmericaSanchezLeon wants to merge 2 commits into
base: main
Choose a base branch
from
Open

americaCode #6

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
5d82747
done
AmericaSanchezLeon Jul 5, 2021
f2d3bde
done
AmericaSanchezLeon Jul 5, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
75 changes: 75 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,75 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>css basics | América Sánchez</title>
<link rel="stylesheet" href="src/main.css">
</head>

<body>
<h1 id="imgBackground">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec semper velit sed nisi tempus blandit. Nulla
euismod pharetra mauris, a malesuada sem suscipit ac. In commodo ante mi, in lacinia urna rutrum eget. Aliquam
in commodo dui. Aenean rhoncus, ante vitae aliquet sagittis, mauris sem luctus est, sed aliquam sapien urna sit
amet mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Pellentesque et eros sed velit pulvinar elementum. Suspendisse sollicitudin ornare ipsum quis lacinia. Nulla
mollis est leo. In dignissim lobortis nulla quis lobortis. Nulla elementum iaculis nulla imperdiet commodo. Sed
sed feugiat sem. Nullam volutpat scelerisque venenatis. Phasellus ultrices dapibus ex sit amet blandit. Proin
faucibus enim pretium, tincidunt sapien at, euismod felis. </h1>

<h2>Morbi eget massa ligula. Etiam sed neque at urna iaculis egestas. Praesent mollis diam ex, nec bibendum nisl
pellentesque a. Nunc egestas tellus a aliquam suscipit. Fusce nisi purus, faucibus sit amet tellus tincidunt,
pulvinar vestibulum lacus. Cras eget interdum velit, eu pharetra lectus. Morbi euismod metus sed ligula
tincidunt interdum. Cras fermentum ut ante at pulvinar. Sed lacus dolor, dictum sed varius et, convallis in
velit. Aenean nec lorem tortor. Proin gravida vehicula lectus, et blandit metus imperdiet ac. Nunc porta arcu et
tortor interdum pharetra. Maecenas pulvinar eros at risus fermentum placerat. Quisque vitae faucibus nisl. Ut
sed tellus ut nulla pretium vulputate. Ut non nunc congue, tristique mi non, tristique dolor. </h2>
<h2>Morbi eget massa ligula. Etiam sed neque at urna iaculis egestas. Praesent mollis diam ex, nec bibendum nisl
pellentesque a. Nunc egestas tellus a aliquam suscipit. Fusce nisi purus, faucibus sit amet tellus tincidunt,
pulvinar vestibulum lacus. Cras eget interdum velit, eu pharetra lectus. Morbi euismod metus sed ligula
tincidunt interdum. Cras fermentum ut ante at pulvinar. Sed lacus dolor, dictum sed varius et, convallis in
velit. Aenean nec lorem tortor. Proin gravida vehicula lectus, et blandit metus imperdiet ac. Nunc porta arcu et
tortor interdum pharetra. Maecenas pulvinar eros at risus fermentum placerat. Quisque vitae faucibus nisl. Ut
sed tellus ut nulla pretium vulputate. Ut non nunc congue, tristique mi non, tristique dolor. </h2>

<h3>Aliquam est tortor, finibus id nunc ac, dapibus congue lacus. Fusce nulla ex, cursus eu felis eget, convallis
ullamcorper nisi. Sed vitae elit euismod, pharetra quam id, dictum felis. Curabitur vitae volutpat ante. Ut eget
aliquet urna, placerat ornare ipsum. Quisque sem tellus, euismod a malesuada id, aliquet nec tortor. Donec id
lorem pellentesque nunc sollicitudin pharetra. Nullam a leo id mi commodo porttitor. Nulla congue a tortor eget
faucibus. </h3>
<h3>Aliquam est tortor, finibus id nunc ac, dapibus congue lacus. Fusce nulla ex, cursus eu felis eget, convallis
ullamcorper nisi. Sed vitae elit euismod, pharetra quam id, dictum felis. Curabitur vitae volutpat ante. Ut eget
aliquet urna, placerat ornare ipsum. Quisque sem tellus, euismod a malesuada id, aliquet nec tortor. Donec id
lorem pellentesque nunc sollicitudin pharetra. Nullam a leo id mi commodo porttitor. Nulla congue a tortor eget
faucibus. </h3>


<p>
Praesent et vehicula justo. Duis non pretium odio. Cras vehicula nibh non eros lacinia, sit amet malesuada
tellus
scelerisque. Aenean vulputate bibendum est sit amet volutpat. Sed ullamcorper ante et neque mollis bibendum.
Aliquam
tempor ante id imperdiet aliquam. Cras ac consequat eros. Vestibulum blandit mauris rhoncus fermentum dignissim.
Phasellus vestibulum orci in diam auctor, vitae interdum urna posuere. Mauris in purus tempus, ullamcorper quam
id,
consequat elit. Cras lobortis leo ligula, tincidunt rhoncus felis viverra vitae. In hac habitasse platea
dictumst.
Duis et sodales tortor, et molestie mauris.
</p>

<p>
Vivamus sagittis euismod nisi. Vivamus id augue quis diam aliquet vehicula eget non enim. Donec pellentesque
eget
nisl quis facilisis. Etiam congue laoreet leo, vitae commodo magna scelerisque vel. Proin quis justo nec neque
lacinia gravida. Sed tristique mi urna, vel ultricies nibh tincidunt ut. Aenean sit amet bibendum eros, ac
varius
ipsum. In hac habitasse platea dictumst. Morbi vitae viverra mi. Vivamus hendrerit risus ac metus sagittis
congue.
Cras arcu erat, sagittis vitae facilisis id, pretium vel lectus. Integer tincidunt lobortis enim, at consequat
lectus bibendum in.

</p>
</body>

</html>
32 changes: 32 additions & 0 deletions src/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@

h1{
color: yellow;
}

p{
color: red;
border: dotted black 7px;
}


h2{
background-color: lightblue;
height: 100px;
width: 50%;
font-size: 10px;
}

h3{
margin-left: 50%;
color: crimson;
height: 30px;
font-size: xx-small;


}

#imgBackground{
height: 100%;
width: 100%;
background-image: url("https://mdn.mozillademos.org/files/11991/startransparent.gif");
}