Day 3 - Tourist Spot

Developer
Christian
Size
2,682 Kb
Views
22,264
  1. Day 3 - Tourist Spot Previews
  2. Day 3 - Tourist Spot HTML Codes
  3. Day 3 - Tourist Spot CSS Codes

How do I make an day 3 - tourist spot?

It's more fun in the philippines.. What is a day 3 - tourist spot? How do you make a day 3 - tourist spot? This script and codes were developed by Christian on 15 October 2022, Saturday.

Day 3 - Tourist Spot Previews
IQ Test

Day 3 - Tourist Spot - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Day 3 - Tourist Spot</title> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <section class="container"> <section class="jumbotron bg-transparent"> <h1 class="display-2">Philippines</h1> <!-- Nav tabs --> <ul class="nav nav-pills" role="tablist"> <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#about" role="tab">About</a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#learn-more" role="tab">Map</a> </li> </li> </ul> <!-- Tab panes --> <section class="tab-content mt-1"> <section class="tab-pane active" id="about" role="tabpanel">' <p class="lead p-1"> The country is known for having its rich biosectionersity as its main tourist attraction. </p> </section> <section class="tab-pane" id="learn-more" role="tabpanel"> <iframe class="mt-3" width="250" height="250" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyCStNVGjq1zKYIqyo72JHoLfHV1pbGVNU0 &q=Philippines" allowfullscreen> </iframe> </section> </section> </section> <footer class="text-center text-white pt-1"> <p>© Christian Pecson 2017</p> </footer>
</section> <script src='https://code.jquery.com/jquery-3.1.1.slim.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js'></script>
</body>
</html>

Day 3 - Tourist Spot - Script Codes CSS Codes

/* Make the root and body element 100% tall */
html,
body { height: 100%; }
/* Space out content a bit */
body { background: linear-gradient(45deg, rgba(80,255,100,0.7), rgba(100,255,120,0.8), rgba(0,200,255,0.9), rgba(50,220,255,0.9)), url("https://goo.gl/1hjxCE"); background-size: cover; background-repeat: no-repeat; padding-top: 1.5rem; padding-bottom: 1.5rem;
}
img { height: 250px; width: 250px;
}
.tab-content { border: 1px solid #08f;
}
/* Adds a transparent background color. */
.bg-transparent { background-color: rgba(255,255,255,0.8); }
/* Everything but the jumbotron gets side spacing for mobile first views */
main.row:first-child,
.footer { padding-right: 1rem; padding-left: 1rem;
}
/* Customize container */
@media (min-width: 48em) { .container { max-width: 50rem; }
}
.container-narrow > hr { margin: 2rem 0;
}
/* Main marketing message and sign up button */
.jumbotron { text-align: center; border-bottom: .05rem solid #fafafa;
}
/* Supporting marketing content */
main.row:first-child { margin: 3rem 0;
}
main.row:first-child p + h4 { margin-top: 1.5rem;
}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 48em) { /* Remove the padding we set earlier */ main.row:first-child { padding-right: 0; padding-left: 0; } /* Remove the bottom border on the jumbotron for visual effect */ .jumbotron { border-bottom: 0; } /* Make the iframe smaller */ iframe { width: 500px; }
}
Day 3 - Tourist Spot - Script Codes
Day 3 - Tourist Spot - Script Codes
Home Page Home
Developer Christian
Username chpecson
Uploaded October 15, 2022
Rating 3
Size 2,682 Kb
Views 22,264
Do you need developer help for Day 3 - Tourist Spot?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Christian (chpecson) Script Codes
Name
Day 13 - Beverage
Journal
Day 7 -Movie Trailer
Day 5 - Restaurant menu
Photo Gallery
Day 10 -Photography
Day 11 - Events
Day 6 - Author
Day 8 - Fan Page
Day 2 - Invitation
Create amazing sales emails with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!