-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
150 lines (137 loc) · 8.42 KB
/
index.html
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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang="en">
<head>
<script data-ad-client="ca-pub-2273034898652862" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!--Custom script find here: https://jsinibardy.com/optimize-seo-jekyll#add-a-google-analytics-tracking-id -->
<link rel="preconnect" as="script" href="https://www.googletagmanager.com/gtag/js?id=G-2DBGNTX9M3">
<!-- Global site tag (gtag.js) - Google Analytics -->
<!-- <script async src="https://www.googletagmanager.com/gtag/js?id=G-2DBGNTX9M3"></script> -->
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-2DBGNTX9M3');
</script>
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="Assets/icons/dogios152.png">
<link rel="apple-touch-icon-precomposed" sizes="180x180" href="Assets/icons/dogios180.png">
<link rel="apple-touch-icon-precomposed" sizes="167x167" href="Assets/icons/dogios167.png">
<link rel="apple-touch-icon" href="Assets/icons/dogicon512.png">
<link rel="icon" href="Assets/icons/dog16.ico" type="image/icon" sizes="16x16">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#ecd96f">
<meta name="description" content="Wauf guys, I'm going to introduce myself, I'm Simba, I'm a beagle, but I have a lion's heart.">
<!-- Teste de Open Graph -->
<meta property="og:locale" content="en">
<!-- <meta property="og:url" content="https://duarch.github.io/simba/"> -->
<meta property="og:url" content="https://mrsimba.cf">
<meta property="og:title" content="SIMBA">
<meta property="og:site_name" content="The lion dog">
<meta property="og:description" content="Wauf guys, I'm going to introduce myself, I'm Simba, I'm a beagle, but I have a lion's heart.">
<meta property="og:image" content="Assets/images/simba2.jpeg">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="800">
<meta property="og:image:height" content="600">
<meta property="og:type" content="website">
<!-- Fim do teste -->
<title>Simba - the Lion Dog</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<div class="hero">
<div class="container row">
<div class="hero__text">
<a target="_blank" rel="noreferrer" class="link link--kukuri" href="https://www.instagram.com/simba_duart/" data-letters="SIMBA">SIMBA</a>
<p id="subtitle">The Lion Dog</p>
<p>Wauf guys, I'm going to introduce myself</p>
<div><a href="doglang.html" class="btn">doggo langg</a>
<a href="portuguese.html" class="btn">Portuguese</a></div>
</div>
<div class="hero__img"><img src="Assets/images/simba1.jpeg" alt="beagle dog"></div>
</div>
</div>
</header>
<main>
<section class="about">
<div class="container">
<h2 class="title"> A little about me</h2>
<div class="row">
<div class="col">
<p>
Wauf guys, I'm going to introduce myself, I'm Simba, I'm a beagle, but I have a lion's heart. I was born in Brazil, but I am very globalized. I have a little French and a little English blood. My name is from the African continent which is a Swahili word
for... guess what ... <strong> <a
href="https://en.wikipedia.org/wiki/Simba#cite_ref-BCKM1993_1-0"
target="_blank" rel="noreferrer">Lion</a></strong>.</p>
</div>
<div class="col">
<p>
I am 10 months old and I am extremely curious, I know the world through my nose. My goal in life is to smell all the things I get, and create a database of smells. Did you know that I have a super sense of smell? Don’t take me for granted,
<a
href="https://www.jw.org/en/bible-teachings/science/was-it-designed/dogs-sense-smell/" target="_blank" rel="noreferrer">read more about this here</a>.</p>
</div>
</div>
</div>
</section>
<main>
<section class="article">
<div class="black--sec">
<div class="container row">
<div class="black__text">
<h2>My Private Kingdom</h2><img class="black__img" src="Assets/images/simba5.jpeg" alt="" srcset="" />
<p>
I have a lot of fun in the backyard, which is my private kingdom. Here I play football, it's actually more like a snoutball. But I also have other games, like chasing birds, digging holes, running with cloth, solo tug of war, keeping the cats away, watching
the street and checking all the food deliveries of the day nearby. It is an awesome routine!
</p>
</div>
</div>
</div>
<div class="terra--sec">
<div class="terra--content">
<div class="terra__text">
<h2>Best Part Of The Day</h2><img class="terra__img" src="Assets/images/simba3.jpeg" alt="" srcset="" />
<p>
But the happiest part of the day is when my parents come to play with me, I love their affection. I feel a bit sorry for them, because they don't have hair like me. And they cannot use all their legs, but only two. They are funny people. I don't know
why, but every time I wag my tail they are smiling. I think they would like to have a tail too. They keep throwing things away, but they stay very happy when I retrieve it.
</p>
</div>
</div>
</div>
<div class="black--sec">
<div class="container row">
<div class="black__text">
<h2>Intriguing Thing</h2><img class="black__img" src="Assets/images/simba2.jpeg" alt="" srcset="" />
<p>
Something I found strange was that I usually took them out for a walk. So they don't get lost I let them tie a rope around me, so I pull them around. I used to sniff things and wag my tail. Suddenly, they just stopped going for a walk, in return they
stay at home all day. I ended up enjoying it for now they are always around.
</p>
</div>
</div>
</div>
<div class="form--link">
<a href="form.html" class="btn">Keep in touch</a></div>
</div>
</section>
</main>
<footer class="foot--links">
<div class="container">
<p>
<a href="https://dev.to/duarch">
<img src="https://d2fltix0v2e0sb.cloudfront.net/dev-badge.svg" alt="André Duarte's DEV Profile" height="18" width="18">
<a href="https://twitter.com/andrebh">
<img src="https://img.shields.io/twitter/follow/andrebh?label=follow%20me&style=social" alt="twitter-link" />
<a href="https://github.com/duarch">
<img src="https://img.shields.io/github/followers/duarch?label=lunatics&style=social" alt="Github-follow-icon" />
<br> © Copyright 2020. From
<a href="https://github.com/duarch">Duarch</a>. Credits:
<a href="https://www.jw.org/en/">JW.ORG</a> ·
<a href="https://cssgradient.io/gradient-backgrounds/">CSS Gradients</a> ·
<a href="https://doggoipsum.com/">Doggo Ipsum</a> ·
<a href="https://tympanus.net/codrops/">Codrops</a>.
</p>
</div>
</footer>
</body>
</html>