diff --git a/.vscode/settings.json b/.vscode/settings.json index 24da33c3e..9fac8a9fb 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -3,5 +3,8 @@ "editor.defaultFormatter": "esbenp.prettier-vscode", "workbench.editorAssociations": { "*.md": "vscode.markdown.preview.editor" - } + }, + "githubPullRequests.ignoredPullRequestBranches": [ + "main" + ] } diff --git a/index.html b/index.html new file mode 100644 index 000000000..c4706aa0f --- /dev/null +++ b/index.html @@ -0,0 +1,394 @@ + + + + + + INSTAGRAM FEED + + + + + + + +
+
+
+
+
+
+ ... +
+
+
+
+ ... +
+
+
+
+ ... +
+
+
+ +
+
+
+ ... +
+
+
+
+ ... +
+
+
+
+ ... +
+
+
+
+
+ ... +
+
+
+
+ ... +
+
+
+
+ ... +
+
+
+
+
+
+
+
+
+
+

Single Tree

+

01/09

+
+ ... +
+
Wide angle
+

Sunset surrounded by grass

+
+
+
+
+

Elephant

+

02/09

+
+ ... +
+
The night begins
+

Sunset in africa

+
+
+
+
+

Purple

+

03/09

+
+ ... +
+
Silhouette
+

Alone in the dark

+
+
+
+
+

African animals

+

04/09

+
+ ... +
+
Brown tones
+

Life in Africa

+
+
+
+
+

Africa the savannah

+

05/09

+
+ ... +
+
We are one
+

Sunrise or sunset?

+
+
+
+
+

Looking for the giraffe

+

06/09

+
+ ... +
+
Where is?
+

On the way to the sun I got a surprise

+
+
+
+
+

In the middle of the savannah

+

07/09

+
+ ... +
+
ONLY
+

Far away in the mountains

+
+
+
+
+

East Africa

+

08/09

+
+ ... +
+
Ratpanat truck
+

In the safaris you can find yourself with wonderful things

+
+
+
+
+

Natural beauty

+

09/09

+
+ ... +
+
BEAUTIFUL
+

Curiosity made us wise

+
+
+
+
+
+ + + + \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 000000000..9153bed42 --- /dev/null +++ b/styles.css @@ -0,0 +1,122 @@ +body { + background-color: #fafafa; + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; +} + +.navbar { + box-shadow: 0 2px 4px rgba(0,0,0,0.04); +} + +.navbar .navbar-brand i { + font-size: 1.7rem; + color: #e4405f; +} + +.navbar .navbar-brand p { + font-size: 1.2rem; + color: #262626; + font-weight: 600; +} + +.navbar .btn-success { + background-color: #0095f6; + border: none; +} + +.navbar .btn-success:hover { + background-color: #0076b6; +} + +.navbar .dropdown .btn-secondary { + background-color: #fafafa; + color: #262626; + border: 1px solid #dbdbdb; +} + +.navbar .dropdown .btn-secondary:hover { + background-color: #f1f1f1; + color: #262626; +} + +.navbar .dropdown-menu { + min-width: 160px; + border-radius: 8px; + box-shadow: 0 2px 8px rgba(0,0,0,0.06); +} + +.nav-tabs { + margin-top: 1rem; + border-bottom: 2px solid #dbdbdb; +} + +.nav-tabs .nav-link { + color: #8e8e8e; + border: none; + font-size: 1.2rem; +} + +.nav-tabs .nav-link.active { + color: #262626; + border-bottom: 2px solid #0095f6; + background: none; +} + +.card { + border-radius: 20px; + overflow: hidden; + box-shadow: 0 2px 8px rgba(0,0,0,0.04); + border: 1px solid #dbdbdb; +} + +.card-header { + background-color: #fff; + border-bottom: 1px solid #dbdbdb; +} + +.card-title { + font-weight: 600; + color: #262626; +} + +.card-text { + color: #8e8e8e; +} + +.card-img-top { + object-fit: cover; + width: 100%; + height: 100%; + border-radius: 0 0 20px 20px; +} + +.ratio-1x1 { + background: #f4f4f4; + border-radius: 16px; + overflow: hidden; +} + +.btn-light { + margin-top: 0.5rem; + margin-right: 0.5rem; + background-color: #fafafa; + border: 1px solid #dbdbdb; +} + +.btn-light i { + color: #262626; +} + +.modal-content { + border-radius: 16px; +} + +.modal-title { + color: #262626; + font-weight: 600; +} + +@media (max-width: 576px) { + .card.m-auto { + width: 95vw !important; + } +} \ No newline at end of file