Day 7 -Movie Trailer

Developer
Christian
Size
3,155 Kb
Views
24,288
  1. Day 7 -Movie Trailer Previews
  2. Day 7 -Movie Trailer HTML Codes
  3. Day 7 -Movie Trailer CSS Codes

How do I make an day 7 -movie trailer?

How did Albert Einstein, the rebellious, young patent clerk, become the greatest scientific mind of the 20th century?. What is a day 7 -movie trailer? How do you make a day 7 -movie trailer? This script and codes were developed by Christian on 15 October 2022, Saturday.

Day 7 -Movie Trailer Previews
IQ Test

Day 7 -Movie Trailer - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Day 7 -Movie Trailer</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <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> <div class="site-wrapper"> <div class="site-wrapper-inner"> <div class="cover-container"> <div class="masthead clearfix"> <div class="inner"> <h3 class="masthead-brand">Genius</h3> <nav class="nav nav-masthead"> <a class="nav-link active" data-toggle="tab" href="#home" role="tab">Home</a> <a class="nav-link" data-toggle="tab" href="#trailer" role="tab">Trailer</a> </div> </div> <div class="tab-content"> <!-- --------------------- --> <!-- Start: Home --> <div class="tab-pane active" id="home" role="tabpanel"> <h1 class="cover-heading">A Global Event Series </h1> <p class="lead"> How did Albert Einstein, the rebellious, young patent clerk, become the greatest scientific mind of the 20th century? </p> </div> <!-- End: Home --> <!-- ------------------- --> <!-- ------------------------ --> <!-- Start: Trailer --> <div class="tab-pane" id="trailer" role="tabpanel"> <iframe class="m-1 embed-responsive embed-responsive-4by3" height="400" src="https://www.youtube.com/embed/SICLBlHizUY" allowfullscreen> </iframe> <p class="lead"> <a href="http://channel.nationalgeographic.com/genius/" target="_blank" class="btn btn-lg btn-secondary">Learn more</a> </p> </div> <!-- End: Trailer --> <!-- ---------------------- --> </div> <div class="mastfoot"> <div class="inner"> <p> © Copyright 2017 by <a href="https://codepen.io/chpecson">Christian Pecson</a>. </p> </div> </div> </div> </div>
</div> <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 7 -Movie Trailer - Script Codes CSS Codes

/* * Globals */
/* Links */
a,
a:focus,
a:hover { color: #fff;
}
/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus { color: #333; text-shadow: none; /* Prevent inheritance from `body` */ background-color: #fff; border: .05rem solid #fff;
}
/* * Base structure */
html,
body { height: 100%; background-color: #333;
}
body { background: linear-gradient(rgba(0,0,0,0.9), rgba(0,0,100,0.25)), url("http://www.pbs.org/wgbh/nova/assets/img/full-size/einstein-big-idea-merl.jpg"); color: #fff; text-align: center; text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
}
/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper { display: table; width: 100%; height: 100%; /* For at least Firefox */ min-height: 100%; -webkit-box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5); box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}
.site-wrapper-inner { display: table-cell; vertical-align: top;
}
.cover-container { margin-right: auto; margin-left: auto;
}
/* Padding for spacing */
.inner { padding: 2rem;
}
/* * Header */
.cover-heading { font-weight: 300; font-size: 400%;
}
.lead { font-size: 200%; }
.masthead { margin-bottom: 2rem;
}
.masthead-brand { margin-bottom: 0;
}
.nav-masthead .nav-link { padding: .25rem 0; font-weight: bold; color: rgba(255, 255, 255, .9); background-color: transparent; border-bottom: .25rem solid transparent;
}
.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus { border-bottom-color: rgba(255, 255, 255, .25);
}
.nav-masthead .nav-link + .nav-link { margin-left: 1rem;
}
.nav-masthead .active { color: #fff; border-bottom-color: #fff;
}
@media (min-width: 48em) { .masthead-brand { float: left; } .nav-masthead { float: right; }
}
/* * Cover */
.cover { padding: 0 1.5rem;
}
.cover .btn-lg { padding: .75rem 1.25rem; font-weight: bold;
}
/* * Footer */
.mastfoot { color: rgba(255, 255, 255, .5);
}
/* * Affix and center */
@media (min-width: 40em) { /* Pull out the header and footer */ .masthead { position: fixed; top: 0; } .mastfoot { position: fixed; bottom: 0; } /* Start the vertical centering */ .site-wrapper-inner { vertical-align: middle; } /* Handle the widths */ .masthead, .mastfoot, .cover-container { width: 100%; /* Must be percentage or pixels for horizontal alignment */ }
}
@media (min-width: 62em) { .masthead, .mastfoot, .cover-container { width: 42rem; }
}
Day 7 -Movie Trailer - Script Codes
Day 7 -Movie Trailer - Script Codes
Home Page Home
Developer Christian
Username chpecson
Uploaded October 15, 2022
Rating 3
Size 3,155 Kb
Views 24,288
Do you need developer help for Day 7 -Movie Trailer?

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 6 - Author
Day 9 - Toy website
Journal
Day 15 - Motivational speaker
Day 17 - Fashion website
Day 10 -Photography
Photo Gallery
Day 3 - Tourist Spot
Day 12 - Club
Day 11 - Events
Create amazing art & images 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!