Pastebin
API
tools
faq
paste
Login
Sign up
Please fix the following errors:
New Paste
Syntax Highlighting
<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- import bootstrap--> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> <!-- import fontAwesome --> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous"> <!-- import the webpage's stylesheet --> <link rel="stylesheet" href="/style.css"> <!-- import the webpage's javascript file --> <script src="/script.js" defer></script> </head> <body> <!-- ###########################Alert#######################--> <div class="alert alert-info fade show" role="alert"> A map of the attractions of London is now available. <a href="https://cdn.glitch.global/9f191198-4ad9-4253-ada9-80ef40ee059d/london-walking-map.pdf?v=17042860598544" class="alert-link">Click here</a>, to download the <button type="button" class="close" data-dismiss="alert" > <span >×</span> </button> </div> <!-- ###########################Naviagtion#######################--> <nav class="navbar navbar-expand-lg bg-info navbar-dark sticky-top "> <a class="navbar-brand" href="#"> <img src="https://cdn.glitch.global/d08051ec-2160-4abc-8766-686fccaaf056/Royal_arms_of_England.svg.png?v=1704271931506" alt="Logo" style="width:60px;"></a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="collapsibleNavbar"> <ul class="navbar-nav mr-auto"> <li class="nav-item"> <a class="nav-link active" href="#">Homepage</a> </li> <li class="nav-item"> <a class="nav-link" href="#sights">Sights</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle " href="#" id="navbardrop" data-toggle="dropdown"> London live </a> <div class="dropdown-menu"> <a class="dropdown-item" href="https://www.youtube.com/watch?v=R6J2jttryk8" target="_blank">Buckingham Palace</a> <a class="dropdown-item" href="https://www.youtube.com/watch?v=r2wBcCIlMGw" target="_blank">London Eye</a> <a class="dropdown-item" href="https://www.youtube.com/watch?v=VgRo9SBQW3U" target="_blank">Big Ben</a> </div> </li> <li class="nav-item"> <a id="link1" class="nav-link" href="#photos">Photos</a> </li> <li class="nav-item"> <a class="nav-link" href="#info">Information</a> </li> </ul> </div> </nav> <!-- ###########################Carousel#######################--> <div class="mt-3 container"> <div class="row"> <div id="carousel" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ul class="carousel-indicators"> <li data-target="#carousel" data-slide-to="0" class="active"></li> <li data-target="#carousel" data-slide-to="1"></li> <li data-target="#carousel" data-slide-to="2"></li> </ul> <!-- Photos --> <div class="carousel-inner"> <div class="carousel-item active"> <img class="img-fluid" src="https://cdn.glitch.global/d08051ec-2160-4abc-8766-686fccaaf056/l1.jpg?v=1704275256995" alt="img1"> </div> <div class="carousel-item"> <img class="img-fluid" src="https://cdn.glitch.global/d08051ec-2160-4abc-8766-686fccaaf056/l3.jpg?v=1704275261880" alt="img2"> <!-- Captions on the slides --> <div class="carousel-caption"> <h3>London</h3> <p>capital of England</p> </div> </div> <div class="carousel-item"> <img class="img-fluid" src="https://cdn.glitch.global/d08051ec-2160-4abc-8766-686fccaaf056/l2.jpg?v=1704275258807" alt="img3"> </div> </div> <!-- Left and right arrow --> <a class="carousel-control-prev" href="#carousel" data-slide="prev"> <span class="carousel-control-prev-icon"></span> </a> <a class="carousel-control-next" href="#carousel" data-slide="next"> <span class="carousel-control-next-icon"></span> </a> </div> </div> </div> <!-- ###########################Sights#######################--> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <h1 id="sights">Sights <i class=" ml-1 fas fa-archway"></i> <hr> </h1> </div> </div> <div class="row"> <div class="col-md-3 col-sm-6"> <h3>Buckingham Palace</h3> <img class="img-fluid img-thumbnail" src="https://cdn.glitch.global/d08051ec-2160-4abc-8766-686fccaaf056/buckingham_palace.jpg?v=1704273279986"> <p>It is the official London residence of British monarchs.</p><button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#sights1">Read more</button> </div> <div class="col-md-3 col-sm-6"> <h3>London Eye</h3> <img class="img-fluid img-thumbnail" src="https://cdn.glitch.global/d08051ec-2160-4abc-8766-686fccaaf056/londnon_eye.jpg?v=1704273293001"> <p>It is a Ferris wheel with a height of 135 metres. </p> <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#sights2">Read more</button> </div> <div class="col-md-3 col-sm-6"> <h3>Big Ben</h3> <img class="img-fluid img-thumbnail" src="https://cdn.glitch.global/d08051ec-2160-4abc-8766-686fccaaf056/big_ben.jpg?v=1704273284178"> <p>The common name for the clock tower of the Elizabeth Tower. </p> <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#sights3">Read more</button> </div> <div class="col-md-3 col-sm-6"> <h3>National Gallery</h3> <img class="img-fluid img-thumbnail" src="https://cdn.glitch.global/d08051ec-2160-4abc-8766-686fccaaf056/national_gallery.jpg?v=1704274610176"> <p>An art gallery in London, on the north side of Trafalgar Square. </p> <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#sights4">Read more</button> </div> </div> </div> <!-- ########################### Sights --- Read more #######################--> <div class="modal fade" id="sights1"> <div class="modal-dialog modal-dialog-scrollable modal-lg"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Buckingham Palace</h4> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body"> <img src="https://cdn.glitch.global/d08051ec-2160-4abc-8766-686fccaaf056/buckingham_palace.jpg?v=1704273279986"> <p> The palace was built in 1703 as a town residence for the Duke of Buckingham, John Sheffield. In 1761 King George III of Great Britain took possession of the palace, which was converted into his private residence. Over the next 75 years, the palace was extended several times. There are six hundred chambers in the palace, including nineteen representative rooms, over seventy bathrooms and almost two hundred bedrooms.In front of the current king's residence is a memorial to Queen Victoria (Victoria Memorial), who designated the palace as a private permanent royal residence. The white marble sculpture was created by Thomas Brock in 1931. </p> </div> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button> </div> </div> </div> </div> <div class="modal fade" id="sights2"> <div class="modal-dialog modal-dialog-scrollable modal-lg"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Lodon Eye</h4> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body"> <img src="https://cdn.glitch.global/d08051ec-2160-4abc-8766-686fccaaf056/londnon_eye.jpg?v=1704273293001"> <p> Completed in 1999, also known as the Millennium Wheel, an observation wheel (Ferris wheel) located in the London Borough of Lambeth, on the south bank of the River Thames between Westminster and Hungerford bridges. It was designed by David Marks, Julia Barfield, Malcolm Cook, Mark Sparrowhawk, Steven Chilton and Nic Bailey. The wheel is 135 metres high and takes approximately 30 minutes to fully rotate. There are 32 air-conditioned passenger capsules on the wheel. The low linear speed of these cabins allows passengers to be picked up and dropped off without stopping the wheel. </p> </div> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button> </div> </div> </div> </div> <div class="modal fade" id="sights3"> <div class="modal-dialog modal-dialog-scrollable modal-lg"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Big Ben</h4> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body"> <img src="https://cdn.glitch.global/d08051ec-2160-4abc-8766-686fccaaf056/big_ben.jpg?v=1704273284178"> <p> The name originally referred to the bell from St Stephen's Tower, also known as The Clock Tower, part of the Palace of Westminster. Today, the name Big Ben often refers to both the bell and the clock, as well as the tower itself. On 12 September 2012, the tower was officially named Elizabeth Tower to honour the 60-year reign of Elizabeth II. The construction of this neo-Gothic tower was undertaken after a fire on 16 October 1834 consumed much of the Palace. Only the 900-year-old Westminster Hall and St Stephen's Chapel have survived. </p> </div> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button> </div> </div> </div> </div> <div class="modal fade" id="sights4"> <div class="modal-dialog modal-dialog-scrollable modal-lg"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">National Gallery</h4> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body"> <img src="https://cdn.glitch.global/d08051ec-2160-4abc-8766-686fccaaf056/national_gallery.jpg?v=1704274610176"> <p> An art gallery in London, on the north side of Trafalgar Square. It is a state gallery, displaying a collection of 2,300 paintings, mainly Western European, from 1250-1900, including a collection of paintings by the famous French Impressionists and Vincent van Gogh. It is generally open to the public free of charge, with an admission charge for occasional exhibitions. </p> </div> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button> </div> </div> </div> </div> <!-- ###########################Photos#######################--> <div class="container" id="photos"> <div class="row text-center"> <div class="col-12"> <h1> Photos<i class=" ml-1 fas fa-images"></i> <hr> </h1> </div> </div> <div class="row"> <div class="col-md-6 col-lg-3"> <a href="#" class="thumbnail" data-toggle="modal" data-target="#img1"> <img class="img-fluid photos " src="https://cdn.glitch.global/d08051ec-2160-4abc-8766-686fccaaf056/img1.jpg?v=1704274945530"> </a> </div> <div class="col-md-6 col-lg-3"> <img class="img-fluid photos" src="https://cdn.glitch.global/d08051ec-2160-4abc-8766-686fccaaf056/img3.jpg?v=1704274947203"> </div> <div class="col-md-6 col-lg-3"> <img class="img-fluid photos" src="https://cdn.glitch.global/d08051ec-2160-4abc-8766-686fccaaf056/img4.jpeg?v=1704274950512"> </div> <div class="col-md-6 col-lg-3"> <img class="img-fluid photos" src="https://cdn.glitch.global/d08051ec-2160-4abc-8766-686fccaaf056/big_ben.jpg?v=1704273284178"> </div> </div> </div> <!-- ###########################Photos ------modal windows#######################--> <!-- The Modal --> <div class="modal fade" id="img1"> <div class="modal-dialog"> <div class="modal-content"> <!-- Modal Header --> <div class="modal-header"> <h4 class="modal-title">Big Ben</h4> <button type="button" class="close" data-dismiss="modal">×</button> </div> <!-- Modal body --> <div class="modal-body"> <img class="img-fluid" src="https://cdn.glitch.global/d08051ec-2160-4abc-8766-686fccaaf056/img1.jpg?v=1704274945530"> </div> </div> </div> </div> <!-- ###########################Info#######################--> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <h1 id="info">Information<i class="ml-1 fas fa-info-circle"></i> <hr> </h1> </div> </div> <div id="accordion"> <div class="card "> <div class="card-header"> <a class="card-link" data-toggle="collapse" href="#collapseOne"> Free parking </a> </div> <div id="collapseOne" class="collapse show" data-parent="#accordion"> <div class="card-body"> <div class="row"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2482.1266683167114!2d-0.12460432311995842!3d51.529236509107605!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48761bf30cc32bc3%3A0xcc3c78e935384ac3!2sParking%20Argyle%20Square!5e0!3m2!1spl!2spl!4v1704276455645!5m2!1spl!2spl" width="600" height="400" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div> </div> </div> </div> </div> </div> <!-- ###########################Footer#######################--> <footer class="page-footer bg-secondary mt-5 text-light "> <div class="container"> <div class="row text-left"> <div class="col-12"> <h1> Contact<i class=" ml-1 far fa-envelope"></i> <hr> </h1> </div> </div> <div class="row"> <div class="col-md-6 "> <form> <div class="form-row"> <div class="form-group col-md-12"> <!-- Name form--> <label for="nameForm">Name</label> <input type="text" class="form-control" id="nameForm" required> </div> <!-- E-mail form--> <div class="form-group col-md-12"> <label for="emailForm">E-mail</label> <input type="email" class="form-control" id="emailForm" required> </div> <!-- Subject form--> <div class="form-group col-md-12"> <label for="subjectForm">Select subject</label> <select id="subjectForm" class="form-control"> <option selected>Activities</option> <option>Catering</option> <option>Accommodation</option> <option>Transport</option> <option>Bike paths</option> <option>Other</option> </select> </div> <!-- Message form--> <div class="form-group col-md-12 "> <label for="messageForm">Your message</label> <textarea class="form-control" id="messageForm" rows="3" required></textarea> </div> </div> <!-- Button send--> <button id="btnSend" type="submit" class="btn btn-success btn-lg btn-block">Send</button> </form> </div> <div class="col-md-6"> <h2> Location<i class=" ml-1 fas fa-map-marked-alt"></i> </h2> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d158857.83988672637!2d-0.2664034848794909!3d51.528739805029666!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47d8a00baf21de75%3A0x52963a5addd52a99!2sLondon%2C%20UK!5e0!3m2!1sen!2spl!4v1704284910289!5m2!1sen!2spl" width="600" height="400" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div> </div> </div> <div class="footer-copyright text-center py-3">© 2021 Copyright: <a class="social" href="https://www.codinggiants.com/">CG</a> <a class="social" href="https://www.facebook.com/CodingGiantsUK"><i class="fab fa-facebook-square"></i></a> <a class="social" href="https://www.youtube.com/@codinggiants4821"><i class="fab fa-youtube-square"></i></a> </div> </footer> <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script> </body> </html> <!-- CSS --> li{ font-size:24px;} h1{ margin:70px 0px 70px 0px; } .photos{ border-radius:5px; margin-bottom:10px; } .social{ color:black; font-size:30px; } .social:hover{ opacity:0.9; text-decoration:none; transition-duration:0.7s; } .photos:hover{ opacity:0.8; cursor:pointer; animation-name: animationPhotos; /*animation-name*/ animation-duration: 0.9s; /*animation-duration*/ animation-direction: alternate; /*animation plays first forwards then backwards*/ animation-timing-function: ease-in-out; /*speed of style changes*/ animation-iteration-count: 2; /*number of animation repetitions*/ } @keyframes animationPhotos { from { transform: scale(1,1); transform: rotate(-5deg); } to { transform: rotate(5deg); transform: scale(1.1,1.1); } } #btnSend:hover{ cursor:pointer; position: relative; animation-name: handShake; animation-duration: 0.2s; animation-direction: alternate; animation-timing-function: ease-in-out; animation-iteration-count: 4; } @keyframes handShake{ from { left:-10px; } to { left:10px; } }
Optional Paste Settings
Category:
None
Cryptocurrency
Cybersecurity
Fixit
Food
Gaming
Haiku
Help
History
Housing
Jokes
Legal
Money
Movies
Music
Pets
Photo
Science
Software
Source Code
Spirit
Sports
Travel
TV
Writing
Tags:
Syntax Highlighting:
None
Bash
C
C#
C++
CSS
HTML
JSON
Java
JavaScript
Lua
Markdown (PRO members only)
Objective C
PHP
Perl
Python
Ruby
Swift
4CS
6502 ACME Cross Assembler
6502 Kick Assembler
6502 TASM/64TASS
ABAP
AIMMS
ALGOL 68
APT Sources
ARM
ASM (NASM)
ASP
ActionScript
ActionScript 3
Ada
Apache Log
AppleScript
Arduino
Asymptote
AutoIt
Autohotkey
Avisynth
Awk
BASCOM AVR
BNF
BOO
Bash
Basic4GL
Batch
BibTeX
Blitz Basic
Blitz3D
BlitzMax
BrainFuck
C
C (WinAPI)
C Intermediate Language
C for Macs
C#
C++
C++ (WinAPI)
C++ (with Qt extensions)
C: Loadrunner
CAD DCL
CAD Lisp
CFDG
CMake
COBOL
CSS
Ceylon
ChaiScript
Chapel
Clojure
Clone C
Clone C++
CoffeeScript
ColdFusion
Cuesheet
D
DCL
DCPU-16
DCS
DIV
DOT
Dart
Delphi
Delphi Prism (Oxygene)
Diff
E
ECMAScript
EPC
Easytrieve
Eiffel
Email
Erlang
Euphoria
F#
FO Language
Falcon
Filemaker
Formula One
Fortran
FreeBasic
FreeSWITCH
GAMBAS
GDB
GDScript
Game Maker
Genero
Genie
GetText
Go
Godot GLSL
Groovy
GwBasic
HQ9 Plus
HTML
HTML 5
Haskell
Haxe
HicEst
IDL
INI file
INTERCAL
IO
ISPF Panel Definition
Icon
Inno Script
J
JCL
JSON
Java
Java 5
JavaScript
Julia
KSP (Kontakt Script)
KiXtart
Kotlin
LDIF
LLVM
LOL Code
LScript
Latex
Liberty BASIC
Linden Scripting
Lisp
Loco Basic
Logtalk
Lotus Formulas
Lotus Script
Lua
M68000 Assembler
MIX Assembler
MK-61/52
MPASM
MXML
MagikSF
Make
MapBasic
Markdown (PRO members only)
MatLab
Mercury
MetaPost
Modula 2
Modula 3
Motorola 68000 HiSoft Dev
MySQL
Nagios
NetRexx
Nginx
Nim
NullSoft Installer
OCaml
OCaml Brief
Oberon 2
Objeck Programming Langua
Objective C
Octave
Open Object Rexx
OpenBSD PACKET FILTER
OpenGL Shading
Openoffice BASIC
Oracle 11
Oracle 8
Oz
PARI/GP
PCRE
PHP
PHP Brief
PL/I
PL/SQL
POV-Ray
ParaSail
Pascal
Pawn
Per
Perl
Perl 6
Phix
Pic 16
Pike
Pixel Bender
PostScript
PostgreSQL
PowerBuilder
PowerShell
ProFTPd
Progress
Prolog
Properties
ProvideX
Puppet
PureBasic
PyCon
Python
Python for S60
QBasic
QML
R
RBScript
REBOL
REG
RPM Spec
Racket
Rails
Rexx
Robots
Roff Manpage
Ruby
Ruby Gnuplot
Rust
SAS
SCL
SPARK
SPARQL
SQF
SQL
SSH Config
Scala
Scheme
Scilab
SdlBasic
Smalltalk
Smarty
StandardML
StoneScript
SuperCollider
Swift
SystemVerilog
T-SQL
TCL
TeXgraph
Tera Term
TypeScript
TypoScript
UPC
Unicon
UnrealScript
Urbi
VB.NET
VBScript
VHDL
VIM
Vala
Vedit
VeriLog
Visual Pro Log
VisualBasic
VisualFoxPro
WHOIS
WhiteSpace
Winbatch
XBasic
XML
XPP
Xojo
Xorg Config
YAML
YARA
Z80 Assembler
ZXBasic
autoconf
jQuery
mIRC
newLISP
q/kdb+
thinBasic
Paste Expiration:
Never
Burn after read
10 Minutes
1 Hour
1 Day
1 Week
2 Weeks
1 Month
6 Months
1 Year
Paste Exposure:
Public
Unlisted
Private
Folder:
(members only)
Password
NEW
Enabled
Disabled
Burn after read
NEW
Paste Name / Title:
Create New Paste
Hello
Guest
Sign Up
or
Login
Sign in with Facebook
Sign in with Twitter
Sign in with Google
You are currently not logged in, this means you can not edit or delete anything you paste.
Sign Up
or
Login
Public Pastes
Crypto admin access
19 sec ago | 0.43 KB
+12,000$ in 2 days
CSS | 23 sec ago | 0.72 KB
Free Crypto Method
CSS | 1 min ago | 0.72 KB
Documents
1 min ago | 0.43 KB
+12,000$ in 2 days
CSS | 60 min ago | 0.72 KB
Crypto admin access
60 min ago | 0.43 KB
Free Crypto Method
CSS | 60 min ago | 0.72 KB
Documents
60 min ago | 0.43 KB
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the
Cookies Policy
.
OK, I Understand
Not a member of Pastebin yet?
Sign Up
, it unlocks many cool features!