{"id":3482,"date":"2022-09-21T20:57:38","date_gmt":"2022-09-21T15:57:38","guid":{"rendered":"https:\/\/www.edopedia.com\/blog\/?p=3482"},"modified":"2022-09-21T20:57:39","modified_gmt":"2022-09-21T15:57:39","slug":"amazon-prime-video-website-clone-in-html5-css3-javascript","status":"publish","type":"post","link":"https:\/\/www.edopedia.com\/blog\/amazon-prime-video-website-clone-in-html5-css3-javascript\/","title":{"rendered":"Amazon Prime Video Website Clone in HTML5 CSS3 &#038; JavaScript"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">index.html<\/h2>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:true,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;htmlmixed&quot;,&quot;mime&quot;:&quot;text\/html&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:true,&quot;lineWrapping&quot;:false,&quot;readOnly&quot;:true,&quot;fileName&quot;:&quot;&quot;,&quot;language&quot;:&quot;HTML&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;html&quot;}\">&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;en&quot;&gt;\n&lt;head&gt;\n    &lt;meta charset=&quot;UTF-8&quot;&gt;\n    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;\n    &lt;title&gt;Document&lt;\/title&gt;\n    &lt;link rel=&quot;stylesheet&quot; href=&quot;https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/4.7.0\/css\/font-awesome.min.css&quot;&gt;\n    &lt;link rel=&quot;stylesheet&quot; href=&quot;style.css&quot;&gt;\n    \n    &lt;script src=&quot;https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.5.1\/jquery.min.js&quot;&gt;&lt;\/script&gt;\n    &lt;link href=&quot;https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css&quot; rel=&quot;stylesheet&quot;&gt;\n    &lt;script src=&quot;https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js&quot;&gt;&lt;\/script&gt;\n    &lt;script src=&quot;script.js&quot;&gt;&lt;\/script&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;div class=&quot;container&quot;&gt;\n        &lt;div class=&quot;navbar&quot; &gt;\n          \n            &lt;a href=&quot;#home&quot;&gt;&lt;img src=&quot;primelogo.png&quot; class=&quot;p&quot;&gt;&lt;\/a&gt;\n            &lt;a href=&quot;#news&quot;&gt;&lt;i class=&quot;fa fa-globe g&quot; aria-hidden=&quot;true&quot; &gt;&lt;\/i&gt;&lt;\/a&gt;\n            &lt;div class=&quot;dropdown&quot;&gt;\n              &lt;button class=&quot;dropbtn&quot;&gt;EN\n                &lt;i class=&quot;fa fa-caret-down&quot;&gt;&lt;\/i&gt;\n              &lt;\/button&gt;\n              &lt;div class=&quot;dropdown-content&quot;&gt;\n                &lt;a href=&quot;#&quot;&gt;Bahasa Indonesia&lt;\/a&gt;\n                &lt;a href=&quot;#&quot;&gt;Dansk&lt;\/a&gt;\n                &lt;a href=&quot;#&quot;&gt;Deutsch&lt;\/a&gt;\n                &lt;a href=&quot;#&quot;&gt;English&lt;\/a&gt;\n                &lt;a href=&quot;#&quot;&gt;Espanol&lt;\/a&gt;\n                &lt;a href=&quot;#&quot;&gt;Francais&lt;\/a&gt;\n                &lt;a href=&quot;#&quot;&gt;Italiano&lt;\/a&gt;\n                &lt;a href=&quot;#&quot;&gt;Nederlands&lt;\/a&gt;\n                &lt;hr class=&quot;l&quot;&gt; &lt;\/hr&gt;\n                &lt;div class=&quot;d1&quot;&gt;\n                  &lt;a href=&quot;#&quot;&gt;Norsk&lt;\/a&gt;\n                  &lt;a href=&quot;#&quot;&gt;Polski&lt;\/a&gt;\n                  &lt;a href=&quot;#&quot;&gt;Portuhues(Brasil&lt;\/a&gt;\n                  &lt;a href=&quot;#&quot;&gt;Suomi&lt;\/a&gt;\n                  &lt;a href=&quot;#&quot;&gt;Svenska&lt;\/a&gt;\n                  &lt;a href=&quot;#&quot;&gt;Turkce&lt;\/a&gt;\n                  &lt;a href=&quot;#&quot;&gt;Pyccknn&lt;\/a&gt;\n                  &lt;a href=&quot;#&quot;&gt;   \u0939\u093f\u0928\u094d\u0926\u0940&lt;\/a&gt;\n                &lt;\/div&gt;\n               \n             \n            &lt;\/div&gt; \n           \n          &lt;\/div&gt;\n          &lt;a href=&quot;#news&quot; class=&quot;e&quot;&gt;Sign In&lt;\/a&gt;\n          &lt;\/div&gt;\n          &lt;img src=&quot;amazon1.png&quot; class=&quot;s&quot; data-aos=&quot;flip-up&quot;&gt;\n          &lt;p class=&quot;k&quot; data-aos=&quot;zoom-in&quot;&gt;Welcome to Prime Video&lt;\/p&gt;\n          &lt;p class=&quot;t&quot;&gt;Join Prime to watch the latest movies, TV shows&lt;br&gt; and award-winning Amazon Originals&lt;\/p&gt;\n          &lt;button class=&quot;button button2&quot;&gt;Login to join Prime&lt;\/button&gt;\n          \n    &lt;\/div&gt;\n    &lt;div class=&quot;w&quot;&gt;\n      &lt;img src=&quot;https:\/\/m.media-amazon.com\/images\/G\/01\/digital\/video\/Magellan_MLP\/IN-Living-Room-V2._CB524587855_SY1200_FMJPG_.jpg&quot; &gt;\n      &lt;div class=&quot;w1&quot;&gt;\n      &lt;p class=&quot;k2&quot; data-aos=&quot;fade-up-left&quot;&gt;Great Entertainment&lt;\/p&gt;\n      &lt;p class=&quot;t2&quot;&gt;With your Prime membership, you have access to &lt;br&gt;exclusive Amazon Originals, blockbuster Bollywood movies, regional movies and more.&lt;\/p&gt;&lt;br&gt;&lt;br&gt;\n      &lt;button class=&quot;button button2&quot; style=&quot;margin-left: 10px;&quot;&gt;Get started&lt;\/button&gt;\n      &lt;\/div&gt;\n\n    &lt;\/div&gt;\n    &lt;div class=&quot;y&quot;&gt;\n      &lt;img src=&quot;https:\/\/m.media-amazon.com\/images\/G\/01\/digital\/video\/Magellan_MLP\/PRIME_multi-benefit_MAGNET_2X._CB1519820207_SY1200_FMJPG_.jpg&quot; &gt;\n      &lt;div class=&quot;y1&quot;&gt;\n      &lt;p class=&quot;k3&quot; data-aos=&quot;fade-up-right&quot;&gt;One membership, many benefits&lt;\/p&gt;\n      &lt;p class=&quot;t3&quot;&gt;Your Prime membership now also includes ad-free music along &lt;br&gt;with  unlimited free, fast delivery on eligible items, exclusive &lt;br&gt; access to deals &amp; more.&lt;\/p&gt;&lt;br&gt;&lt;br&gt;\n      &lt;button class=&quot;button button2&quot; &gt;Get started&lt;\/button&gt;&lt;br&gt;\n      &lt;p class=&quot;t4&quot;&gt;*Go to amazon.in\/prime for more information&lt;\/p&gt;\n      &lt;\/div&gt;\n\n    &lt;\/div&gt;\n    &lt;div class=&quot;z&quot;&gt;\n      &lt;img src=&quot;https:\/\/images-na.ssl-images-amazon.com\/images\/G\/01\/digital\/video\/Magellan_MLP\/MLP_Template_Image_Left._SY1200_FMJPG_.jpg&quot; &gt;\n      &lt;div class=&quot;z1&quot;&gt;\n      &lt;p class=&quot;k4&quot; data-aos=&quot;fade-up-left&quot;&gt;Even better with Fire TV Stick&lt;\/p&gt;\n      &lt;p class=&quot;t5&quot;&gt;The biggest movies and TV shows are always better on a big &lt;br&gt;screen. Simply plug in your Amazon Fire TV Stick and stream on&lt;br&gt; any HDTV. Press the voice button on the remote and say the name &lt;br&gt; of the title you want to watch to find it in seconds.&lt;\/p&gt;&lt;br&gt;&lt;br&gt;\n      &lt;button class=&quot;button button2&quot; style=&quot;margin-left: 740px;&quot; &gt;Get started&lt;\/button&gt;&lt;br&gt;\n      \n      &lt;\/div&gt;\n\n    &lt;\/div&gt;\n    &lt;div class=&quot;r&quot;&gt;\n     \n      &lt;img src=&quot;https:\/\/images-na.ssl-images-amazon.com\/images\/G\/01\/digital\/video\/Magellan_MLP\/PV_Benefits_Devices.jpg&quot; class=&quot;i2 &quot; data-aos=&quot;flip-left&quot;&gt;\n      &lt;img src=&quot;https:\/\/images-na.ssl-images-amazon.com\/images\/G\/01\/digital\/video\/Magellan_MLP\/PV_Benefits_Download_IN.jpg&quot; class=&quot;i3&quot; data-aos=&quot;fade-down&quot;&gt;\n   &lt;img src=&quot;https:\/\/images-na.ssl-images-amazon.com\/images\/G\/01\/digital\/video\/Magellan_MLP\/300x300_Tile_1.png&quot; class=&quot;i4&quot; data-aos=&quot;fade-right&quot;&gt;\n    \n\n    &lt;div class=&quot;o&quot;&gt;\n           &lt;p&gt;Watch anywhere\n             &lt;br&gt;\n             &lt;span class=&quot;g7&quot;&gt;Enjoy from the web or with the Prime Video&lt;br&gt; app  on your phone, tablet, or &lt;br&gt;select Smart TVs \u2014 &lt;br&gt;on up to 3 devices at once.&lt;\/span&gt;\n           &lt;\/p&gt;\n           &lt;p class=&quot;o1&quot;&gt;Download and go\n            &lt;br&gt;\n            &lt;span class=&quot;g1&quot;&gt;Watch offline on the Prime Video app&lt;br&gt; when you download titles to &lt;br&gt;your iPhone, iPad, Tablet,&lt;br&gt; or Android device.&lt;\/span&gt;\n           &lt;\/p&gt;\n           &lt;p class=&quot;o2&quot;&gt;\n             Data Saver\n             &lt;br&gt;\n             &lt;span class=&quot;g2&quot;&gt;Control data usage while downloading &lt;br&gt;and watching videos on select phones &lt;br&gt;or tablets.&lt;\/span&gt;\n            &lt;\/p&gt;\n    &lt;\/div&gt;\n    &lt;div&gt;\n      &lt;img src=&quot;https:\/\/m.media-amazon.com\/images\/G\/01\/digital\/video\/Magellan_MLP\/IN-kids-30Jan._CB1517304519_SY1200_FMJPG_.jpg&quot; class=&quot;h&quot;&gt;\n      &lt;div class=&quot;z1&quot;&gt;\n        &lt;p class=&quot;k8&quot; data-aos=&quot;fade-up-right&quot;&gt;Family Friendly&lt;\/p&gt;\n        &lt;p class=&quot;t8&quot;&gt;With easy to use Parental Controls and a dedicated &lt;br&gt;kids page, enjoy secure, ad-free kids entertainment.&lt;br&gt; Kids can enjoy popular TV shows like Peppa Pig,&lt;br&gt; Powerpuff Girls, and Chhota Bheem.&lt;\/p&gt;&lt;br&gt;&lt;br&gt;\n        &lt;button class=&quot;button button2&quot; style=&quot;margin-left: 140px;&quot; &gt;Get started&lt;\/button&gt;&lt;br&gt;\n        \n        &lt;\/div&gt;\n    &lt;\/div&gt;\n    &lt;div class=&quot;gr&quot;&gt;\n      &lt;img src=&quot;primelogo.png&quot; class=&quot;p1&quot;&gt;\n &lt;a href=&quot;#&quot; style=&quot;color:rgb(39, 182, 201);margin-left: -300px;;&quot;  &gt;Terms and Privacy Notice &amp;nbsp &amp;nbsp &amp;nbsp &amp;nbsp Send us feedback &amp;nbsp &amp;nbsp &amp;nbsp Help &lt;\/a&gt;\n &lt;p style=&quot;color:#fff;margin-left: 490px;margin-top: 20px;&quot;&gt;\u00a9 1996-2020, Amazon.com, Inc. or its affiliates&lt;\/p&gt;\n    &lt;\/div&gt;\n    &lt;\/div&gt;\n   \n     \n    \n    &lt;script src=&quot;script8.js&quot;&gt;&lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">style.css<\/h2>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:true,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;css&quot;,&quot;mime&quot;:&quot;text\/css&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:true,&quot;lineWrapping&quot;:false,&quot;readOnly&quot;:true,&quot;fileName&quot;:&quot;&quot;,&quot;language&quot;:&quot;CSS&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;css&quot;}\">*{\n    margin: 0;\n    padding: 0;\n   \n    list-style-type: none;\n    text-decoration: none;\n    box-sizing: border-box;\n    outline: none;\n}\n\n\nbody {\n    font-family: Arial, Helvetica, sans-serif;\n  background-color: black;\n\n  }\n  \n  .navbar {\n    overflow: hidden;\n    background-color: rgba(22, 31, 53, 0.97);\n  \n  }\n  \n  .navbar a {\n    float: left;\n    font-size: 20px;\n    color: #fff;\n    text-align: center;\n  \n    text-decoration: none;\n   \n  }\n  \n  .dropdown {\n    float: left;\n    overflow: hidden;\n  \n  }\n  \n  .dropdown .dropbtn {\n    font-size: 20px;  \n    border: none;\n    outline: none;\n    color: white;\n    padding: 14px 16px;\n    background-color: inherit;\n    font-family: inherit;\n   margin: 0;\n  }\n  \n  \n  \n  .dropdown-content {\n    display: none;\n    position: relative;\n    background-color: rgba(22, 31, 53, 0.97);\n    min-width: 560px;\n    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);\n    z-index: 1;\n    height:400px;\n   float:right;\n  }\n  \n  .dropdown-content a {\n    float: none;\n    color: #fff;\n    padding: 12px 16px;\n    text-decoration: none;\n    display: block;\n    text-align: left;\n  }\n  \n  .dropdown-content a:hover {\n    background-color: #ddd;\n  }\n  \n  .dropdown:hover .dropdown-content {\n    display: block;\n  }\n  .p{\n      width: 150px;\n      height: 60px;\n      mix-blend-mode: lighten;\n     \n  }\n  .g{\n      font-size: 24px;\n     margin-top: 14px;\n   margin-left: 1150px;\n  }\n\n  \n.s{\n  margin-left: 670px;\n}\n\n.k{\n  color:#fff;\n  font-size: 45px;\n  margin-top: -370px;\n  margin-left: 40px;\n}\n.t{\n  color:#fff;\n  font-size: 30px;\nmargin-top: 20px;\n  margin-left: 40px;\n  font-family: Sanchez;\n}\n.button {\n  background-color: #4CAF50; \/* Green *\/\n  border: none;\n  color: white;\n  padding: 15px 92px;\n  text-align: center;\n  text-decoration: none;\n  display: inline-block;\n  font-size: 16px;\n  margin: 4px 2px;\n  cursor: pointer;\n}\n.button2 {\n  background-color: #026f94;\n   margin-left: 45px;\n   margin-top: 20px;\n} \n\n\n.e{\n  margin-top: 15px;\n}\n.l{\n  background-color: #222; \n  margin-left: 100px;\n  transform: rotate(90deg);\n width:50%;\n margin-top: -190px;\n \n\n}\n.d1{\n  margin-top: -190px;\n  margin-left: 300px;\n}\n.w{\n  margin-top: 200px;\n}\n\n.w1{\n  margin-left: 880px;\n  margin-top: -130px;\n}\n.k2{\n  color: #fff;\n  font-size: 45px;\n  margin-top: -570px;\n \n}\n.t2{\n  color: #fff;\n  font-size: 25px;\nmargin-top: 20px;\n \n  font-family: Sanchez;\n}\n.y{\n  margin-top: 230px;\n}\n.k3{\n  color: #fff;\n  font-size: 45px;\n  margin-top: -520px;\n  margin-left: 40px;\n}\n.t3{\n  color: #fff;\n  font-size: 25px;\nmargin-top: 20px;\nmargin-left: 40px;\n  font-family: Sanchez;\n}\n.t4{\n  color: #fff;\n  font-size: 15px;\nmargin-top: 20px;\nmargin-left: 40px;\n  font-family: Sanchez;\n}\n.z{\n  margin-top: 130px;\n}\n.k4{\n  color: #fff;\n  font-size: 45px;\n  margin-top: -520px;\n  margin-left: 740px;\n}\n.t5{\n  color: #fff;\n  font-size: 25px;\nmargin-top: 20px;\nmargin-left: 740px;\n  font-family: Sanchez;\n}\n\n.r{\n  margin-top: 240px;\n  background-color: white;\nheight:600px;\n  width: 1550px;\n}\n.i2{\n  margin-left: 130px;\n  margin-top: 40px;\n}\n.i3{\n  margin-left: 130px;\n}\n.i4{\n  margin-left: 130px;\n}\n.o{\n  margin-left: 150px;\n font-size: 40px;\n}\n\n.o1{\n  margin-left: 410px;\n  margin-top: -230px;\n}\n.o2{\n  margin-left: 890px;\n  margin-top: -230px;\n}\n.g7{\n  margin-left: -90px;\n  font-size: 20px;\n}\n.g1{\n  margin-left: -30px;\n  font-size: 20px;\n}\n.g2{\n  margin-left: -10px;\n  font-size: 20px;\n}\n.h{\n  margin-top: 60px;\n  width: 1520px;\n  height: 600px;\n}\n.k8{\n  color: #fff;\n  font-size: 45px;\n  margin-top: -520px;\n  margin-left: 140px;\n}\n.t8{\n  color: #fff;\n  font-size: 25px;\nmargin-top: 20px;\nmargin-left: 140px;\n  font-family: Sanchez;\n}\n.gr{\n  background-color: rgb(41, 40, 40);\n  height:400px;\n  width: 1550px;\n}\n.p1{\n  width: 150px;\n  height: 60px;\n  mix-blend-mode: lighten;\n  margin-top: 250px;\n  margin-left: 600px;\n}\n@media screen and (max-width: 600px) {\n  .navbar a:not(:first-child), .dropdown .dropbtn {\n    display: none;\n  }\n  .navbar a.icon {\n    float: right;\n    display: block;\n  }\n}<\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">script.js<\/h2>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:true,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;javascript&quot;,&quot;mime&quot;:&quot;text\/javascript&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:true,&quot;lineWrapping&quot;:false,&quot;readOnly&quot;:true,&quot;fileName&quot;:&quot;&quot;,&quot;language&quot;:&quot;JavaScript&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;js&quot;}\">$(function(){\n   \n    AOS .init({\n        easing:'ease',\n        duration:1000,\n    })\n})<\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"<p>index.html style.css script.js<\/p>\n","protected":false},"author":1,"featured_media":1762,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[112],"tags":[],"class_list":["post-3482","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Amazon Prime Video Website Clone in HTML5 CSS3 &amp; JavaScript<\/title>\n<meta name=\"description\" content=\"index.html &lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;meta name=&quot;viewport&quot;\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.edopedia.com\/blog\/amazon-prime-video-website-clone-in-html5-css3-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Amazon Prime Video Website Clone in HTML5 CSS3 &amp; JavaScript\" \/>\n<meta property=\"og:description\" content=\"index.html &lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;meta name=&quot;viewport&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.edopedia.com\/blog\/amazon-prime-video-website-clone-in-html5-css3-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Edopedia\" \/>\n<meta property=\"article:author\" content=\"trulyfurqan\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-21T15:57:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-21T15:57:39+00:00\" \/>\n<meta name=\"author\" content=\"Furqan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Furqan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Amazon Prime Video Website Clone in HTML5 CSS3 & JavaScript","description":"index.html &lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;meta name=&quot;viewport&quot;","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.edopedia.com\/blog\/amazon-prime-video-website-clone-in-html5-css3-javascript\/","og_locale":"en_US","og_type":"article","og_title":"Amazon Prime Video Website Clone in HTML5 CSS3 & JavaScript","og_description":"index.html &lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;meta name=&quot;viewport&quot;","og_url":"https:\/\/www.edopedia.com\/blog\/amazon-prime-video-website-clone-in-html5-css3-javascript\/","og_site_name":"Edopedia","article_author":"trulyfurqan","article_published_time":"2022-09-21T15:57:38+00:00","article_modified_time":"2022-09-21T15:57:39+00:00","author":"Furqan","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Furqan","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.edopedia.com\/blog\/amazon-prime-video-website-clone-in-html5-css3-javascript\/#article","isPartOf":{"@id":"https:\/\/www.edopedia.com\/blog\/amazon-prime-video-website-clone-in-html5-css3-javascript\/"},"author":{"name":"Furqan","@id":"https:\/\/www.edopedia.com\/blog\/#\/schema\/person\/3951cb19e3aa56df09e408c98aa02339"},"headline":"Amazon Prime Video Website Clone in HTML5 CSS3 &#038; JavaScript","datePublished":"2022-09-21T15:57:38+00:00","dateModified":"2022-09-21T15:57:39+00:00","mainEntityOfPage":{"@id":"https:\/\/www.edopedia.com\/blog\/amazon-prime-video-website-clone-in-html5-css3-javascript\/"},"wordCount":15,"commentCount":0,"publisher":{"@id":"https:\/\/www.edopedia.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.edopedia.com\/blog\/amazon-prime-video-website-clone-in-html5-css3-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2022\/02\/default_featured_image.jpg","articleSection":["Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.edopedia.com\/blog\/amazon-prime-video-website-clone-in-html5-css3-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.edopedia.com\/blog\/amazon-prime-video-website-clone-in-html5-css3-javascript\/","url":"https:\/\/www.edopedia.com\/blog\/amazon-prime-video-website-clone-in-html5-css3-javascript\/","name":"Amazon Prime Video Website Clone in HTML5 CSS3 & JavaScript","isPartOf":{"@id":"https:\/\/www.edopedia.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.edopedia.com\/blog\/amazon-prime-video-website-clone-in-html5-css3-javascript\/#primaryimage"},"image":{"@id":"https:\/\/www.edopedia.com\/blog\/amazon-prime-video-website-clone-in-html5-css3-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2022\/02\/default_featured_image.jpg","datePublished":"2022-09-21T15:57:38+00:00","dateModified":"2022-09-21T15:57:39+00:00","description":"index.html &lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;meta name=&quot;viewport&quot;","breadcrumb":{"@id":"https:\/\/www.edopedia.com\/blog\/amazon-prime-video-website-clone-in-html5-css3-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.edopedia.com\/blog\/amazon-prime-video-website-clone-in-html5-css3-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.edopedia.com\/blog\/amazon-prime-video-website-clone-in-html5-css3-javascript\/#primaryimage","url":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2022\/02\/default_featured_image.jpg","contentUrl":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2022\/02\/default_featured_image.jpg","width":880,"height":495,"caption":"Default Featured Image"},{"@type":"BreadcrumbList","@id":"https:\/\/www.edopedia.com\/blog\/amazon-prime-video-website-clone-in-html5-css3-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.edopedia.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Amazon Prime Video Website Clone in HTML5 CSS3 &#038; JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/www.edopedia.com\/blog\/#website","url":"https:\/\/www.edopedia.com\/blog\/","name":"Edopedia","description":"Coding\/Programming Blog","publisher":{"@id":"https:\/\/www.edopedia.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.edopedia.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.edopedia.com\/blog\/#organization","name":"Edopedia","url":"https:\/\/www.edopedia.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.edopedia.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2017\/10\/edopedia_icon_text_10.jpg","contentUrl":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2017\/10\/edopedia_icon_text_10.jpg","width":400,"height":100,"caption":"Edopedia"},"image":{"@id":"https:\/\/www.edopedia.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.edopedia.com\/blog\/#\/schema\/person\/3951cb19e3aa56df09e408c98aa02339","name":"Furqan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/e5e68aef3ad8f0b83d56f4953c512c8e57bd2e6dc64daec33b5d0495d9058f51?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/e5e68aef3ad8f0b83d56f4953c512c8e57bd2e6dc64daec33b5d0495d9058f51?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e5e68aef3ad8f0b83d56f4953c512c8e57bd2e6dc64daec33b5d0495d9058f51?s=96&d=mm&r=g","caption":"Furqan"},"description":"Well. I've been working for the past three years as a web designer and developer. I have successfully created websites for small to medium sized companies as part of my freelance career. During that time I've also completed my bachelor's in Information Technology.","sameAs":["http:\/\/www.edopedia.com\/blog\/","trulyfurqan"],"url":"https:\/\/www.edopedia.com\/blog\/author\/furqan\/"}]}},"_links":{"self":[{"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/posts\/3482","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/comments?post=3482"}],"version-history":[{"count":1,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/posts\/3482\/revisions"}],"predecessor-version":[{"id":3483,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/posts\/3482\/revisions\/3483"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/media\/1762"}],"wp:attachment":[{"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/media?parent=3482"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/categories?post=3482"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/tags?post=3482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}