practice/index.html at main · RLC2000/practice · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Sacramento&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Festive&family=Merriweather:ital,wght@1,300&display=swap" rel="stylesheet">
<title>Bailey</title>
</head>
<link rel="icon" href="CSS-mystyle/Sonya-Swarm-Dog.ico">
<link rel="stylesheet" href="CSS-mystyle/style.css">
<body>
    <div class="topcontainer">
        <img class="topcloud"src="CSS-mystyle/IMAGES/cloud.png" alt="clouds">
        <h1>I'm Bailey</h1>
        <p class="a">a <span class="cute">cute</span> companion</p>
        <img class="bcloud" src="CSS-mystyle/IMAGES/cloud.png" alt="clouds">
        <img src="CSS-mystyle/IMAGES/mountain.png" alt="clouds">
    </div>
    <div class="middle-container">
        <div class="profile">
          <img class="bailey"src="https://images.unsplash.com/photo-1592389006452-c913944a876e?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=667&q=80" alt="pet">
          <h2>Hello.</h2>
          <p class="dogo">It's doggo bailey!I love to bark, woof.. woof.. and I have a family of hooman pets who feeds me and takes good care of me</p>
        </div>
        <hr>
        <div class="skills">
          <h2>My Skills.</h2>
          <div class="skill-row">
            <img class="hi" src="https://c.tenor.com/skLObiUvWIwAAAAi/animal-puppy.gif" alt="">

            <h3>SCARE THE SHIT OUT OF STRANGERS</h3>
            <p class="hello">I say hello and thats it.. it's over for that stranger.</p>
          </div>
          <div class="skill-row">
            <img class="puppy" src="CSS-mystyle/IMAGES/puppy.JPG" alt="">
            <h3>PUPPY EYES</h3>
            <p class ="eyes">It's a handy trick to get me treats from hoomans.. my community calls it doggo hypnoseis, trust me works on every foolish hooman.  <span>They are too soft</span></p>
        </div>
        </div>
        <hr>
        <div class="contact-me">
          <h2>Get In Touch</h2>
          <h3>If you too have a hooman</h3>
          <p class="hooman">If properly trained a man can be a dogs best friend, long live hooman my friend</p>
          <a class="btn" href="mailto:name@email.com">CONTACT ME</a>
        </div>
      </div>


      <div class="bottom-container">
        <a class="footer-link" href="https://www.linkedin.com/">LinkedIn</a>
        <a class="footer-link" href="https://twitter.com/">Twitter</a>
        <a class="footer-link" href="https://www.google.com/">Website</a>
        <p class="copyright">© 2018 Bailey @Home sweet home</p>
      </div>

</body>
</html>