Website/item.html at main · katrina100/Website · 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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width", initial-scale="1.0">
		<title>Rio's Story</title>
		<link rel="stylesheet"
		href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
		<link rel="stylesheet"
		href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css"
		integrity="sha256-46qynGAkLSFpVbEBog43gvNhfrOj+BmwXdxFgVK/Kvc=" crossorigin="anonymous" />

		<link href="https:fonts.googleapis.com/css?family=Source+Code+Pro:400,900|Source+Sans+Pro:300,900&display=swap" rel="stylesheet">

	</head>

<body>
    <header>
        <div class="logo">
            <img src="img/az-logo-veed-remove-background.png" alt="">
        </div>
        <button class="nav-toggle" aria-label="toggle navigation">
            <span class="hamburger"></span>
        </button>
        <nav class="nav">
            <div class="nav__container">
                <ul class="nav__list">
                    <li class="nav__item">
                        <a href="#home" class="nav__link">Home</a>
                    </li>
                    <li class="nav__item">
                        <a href="#services" class="nav__link">My Abilities</a>
                    </li>
                    <li class="nav__item">
                        <a href="#about" class="nav__link">About Me</a>
                    </li>
                    <li class="nav__item">
                        <a href="#projects" class="nav__link">My Skins</a>
                    </li>
                </ul>
            </div>
        </nav>
    </header>

    <!-- home -->
        <section class="intro" id="home">
            <h1 class="section__title section__title--intro">
                Meow, I am <strong> Rio! </strong>
            </h1>
            <p class="section__subtitle section__subtitle--intro">My Story</p>
            <!-- pic of me -->
            <img src="img/rio19.jpeg" alt="picture of Rio" class="intro__img">
        </section>


		</section>

        <!-- Footer -->
		<footer class="footer">
			<a href="mailto:katrinaalejo103@gmail.com" class="footer__link">katrinaalejo103@gmail.com</a>
			<ul class="social-list">
                <li class="social-list__item">
					<a class="social-list__link" href="https://google.com">
						<i class="fab fa-google" style="color: #16e0bd;"></i>
					</a>
				</li>
                <li class="social-list__item"><a class="social-list__link"
                        href="https://facebook.com">
						<i class="fab fa-facebook" style="color: #16e0bd;"></i>
					</a>
				</li>
                <li class="social-list__item"><a class="social-list__link"
                        href="https://www.instagram.com/scottriothecats/">
						<i class="fab fa-instagram" style="color: #16e0bd;"></i>
					</a>
				</li>
            </ul>
        </footer>

	</body>
</html>