FCC Tribute: Patrick Stewart

Developer
Jeanine
Size
3,521 Kb
Views
18,216
  1. FCC Tribute: Patrick Stewart Previews
  2. FCC Tribute: Patrick Stewart HTML Codes
  3. FCC Tribute: Patrick Stewart CSS Codes

How do I make an fcc tribute: patrick stewart?

What is a fcc tribute: patrick stewart? How do you make a fcc tribute: patrick stewart? This script and codes were developed by Jeanine on 12 September 2022, Monday.

FCC Tribute: Patrick Stewart Previews
IQ Test

FCC Tribute: Patrick Stewart - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>FCC Tribute: Patrick Stewart</title> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='http://fonts.googleapis.com/css?family=Share+Tech+Mono'>
<link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="container"> <div class="row"> <div class="col-sm-4"> <h1>Patrick Stewart <small>The story of a great captain.</small></h1> <hr/> <div class="thumbnail"> <img src="//pbs.twimg.com/ext_tw_video_thumb/767634640828063744/pu/img/LmgTksIM0jtG6XUg.jpg" alt="a chair" class="img-responsive img-rounded center-block "> <blockquote>My costar @IanMcKellen and I are having a glorious run so far with @NoMansLandPlay Thank you Newcastle! <small>@SirPatStew</small></blockquote> <p> <strong>Also Known As</p> <ul><li> Sir Patrick Stewart</li><li>Patrick Hewes Stewart</li><li>Sir Patrick Hewes Stewart</li><li> Sir Patrick Stewart, OBEL</ul> </p> </div> </div> <div class="col-sm-8"> <ul class="timeline"> <li> <div class="timeline-badge"><i class="fa fa-comment"></i></div> <div class="timeline-panel"> <div class="timeline-heading"> <p><small class="text-muted"><i class=" fa-twitter fa"></i> Aug 15 via Twitter</small></p> </div> <div class="timeline-body"> <p>Wensleydale, North Yorkshire - bliss. And a lovely Hotel - The Stone House, Hawes. </p> <img class="img-responsive" src="//pbs.twimg.com/media/Cp5Dwe5WEAAoSoP.jpg" alt="Wensleydale, North Yorkshire"> </div> </div> </li> <li class="timeline-inverted"> <div class="timeline-badge warning"><i class="fa fa-comment"></i></div> <div class="timeline-panel"> <div class="timeline-heading"> <p><small class="text-muted"><i class=" fa-twitter fa"></i> Jul 20 via Twitter</small></p> </div> <div class="timeline-body"> <p>I LOVE HARDWARE STORES</p> </div> </div> </li> <li> <div class="timeline-badge danger"><i class="fa fa-comment"></i></div> <div class="timeline-panel"> <div class="timeline-heading"> <p><small class="text-muted"><i class=" fa-twitter fa"></i> Jul 14 via Twitter</small></p> </div> <div class="timeline-body"> <p>Thank you all for birthday wishes. With media on Hampstead Heath with Director Sean Mathias and co star Ian McKellen</p> </div> </div> </li> </ul> </div> </div> <div class="row"> <div class="col-xs-8"> <ul> <li>Often found with Ian McKellen.</li> <li>Star Trek hero.</li> <li><a href="http://www.patrickstewart.org/" target="_blank">Join the fan club</a>!</li> </ul>
</div>
</div>
</div> <script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'></script>
</body>
</html>

FCC Tribute: Patrick Stewart - Script Codes CSS Codes

* { box-sizing: border-box
}
a, p, h2, h3, .timeline h4, li { color:#fff;}
.thumbnail ul, .thumbnail p { color:#333; padding: 0 20px 10px 20px;}
.thumbnail li { color:#333; margin-left: 20px;}
.wrapper { max-width: 480px; margin: 0 auto;
}
html,
body { font-family: 'Share Tech Mono', Arial; margin: 0; padding: 0; height: 100%; display: block; /* disable selection */ background: #333; /* Old browsers */ background: -moz-linear-gradient(90deg, #333 0%, #333 49%, #003f7f 69%, #004a27 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(90deg, #333 0%, #333 49%, #003f7f 69%, #004a27 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(90deg, #333 0%, #333 19%, #003f7f 49%, #004a27 99%);
}
h1, h1 small { color:rgba(255,255,255,.9); }
.timeline { list-style: none; padding: 20px 0 20px; position: relative;
} .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #eeeeee; left: 50%; margin-left: -1.5px; } .timeline > li { margin-bottom: 20px; position: relative; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li > .timeline-panel { width: 46%; float: left; border: 1px solid #d4d4d4; border-radius: 2px; padding: 20px; position: relative; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); } .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #ccc; border-right: 0 solid #ccc; border-bottom: 15px solid transparent; content: " "; } .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } .timeline > li > .timeline-badge { color: #fff; width: 50px; height: 50px; line-height: 50px; font-size: 1.4em; text-align: center; position: absolute; top: 16px; left: 50%; margin-left: -25px; background-color: #999999; z-index: 100; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; } .timeline > li.timeline-inverted > .timeline-panel { float: right; } .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
.timeline-badge.primary { background-color: #2e6da4 !important;
}
.timeline-badge.success { background-color: #3f903f !important;
}
.timeline-badge.warning { background-color: #f0ad4e !important;
}
.timeline-badge.danger { background-color: #d9534f !important;
}
.timeline-badge.info { background-color: #5bc0de !important;
}
.timeline-title { margin-top: 0; color: inherit;
}
.timeline-body > p,
.timeline-body > ul { margin-bottom: 0;
} .timeline-body > p + p { margin-top: 5px; }
@media (max-width: 767px) { ul.timeline:before { left: 40px; } ul.timeline > li > .timeline-panel { width: calc(100% - 90px); width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px); } ul.timeline > li > .timeline-badge { left: 15px; margin-left: 0; top: 16px; } ul.timeline > li > .timeline-panel { float: right; } ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
}
ul.timeline li .timeline-panel {background:rgba(0,0,0,.5) !important;}
FCC Tribute: Patrick Stewart - Script Codes
FCC Tribute: Patrick Stewart - Script Codes
Home Page Home
Developer Jeanine
Username virtual
Uploaded September 12, 2022
Rating 3
Size 3,521 Kb
Views 18,216
Do you need developer help for FCC Tribute: Patrick Stewart?

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!

Jeanine (virtual) Script Codes
Name
Parallax Cats
Table Sorter Data
Flexbox
Bootstrap 4
Simple Event Box
Simple React Template
3 Piece Slider
Font-Awesome Icon Card with heading
3 Piece Slider with featured center
Expanding Info Boxes
Create amazing video scripts 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!