Story of TheAbbie: Abhishek Chaudhary is a pseudo-introvert, a web developer, and a maker
A Pen by abhishek chaudhary on CodePen.
Created
June 11, 2020 08:23
-
-
Save theabbie/5afdba7b1c931f4fa3bf77323d880004 to your computer and use it in GitHub Desktop.
TheAbbie Story
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html ⚡ lang="en"> | |
| <head> | |
| <title> | |
| TheAbbie: Story | |
| </title> | |
| <meta charset="utf-8" /> | |
| <link rel="canonical" href="/story"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta property="og:locale" content="en_US" /> | |
| <meta property="og:type" content="article" /> | |
| <meta property="og:title" content="TheAbbie: Story" /> | |
| <meta property="og:description" content="Story of TheAbbie: Abhishek Chaudhary is a pseudo-introvert, a web developer, and a maker" /> | |
| <meta property="og:url" content="https://theabbie.github.io/story" /> | |
| <meta property="og:site_name" content="TheAbbie" /> | |
| <meta property="article:section" content="story" /> | |
| <meta property="article:published_time" content="2020-04-22T08:34:48+00:00" /> | |
| <meta property="article:modified_time" content="2020-04-22T08:34:51+00:00" /> | |
| <meta property="og:updated_time" content="2020-04-22T08:34:51+00:00" /> | |
| <meta property="og:image" content="https://theabbie.github.io/files/share.jpg" /> | |
| <meta property="og:image:secure_url" content="https://theabbie.github.io/files/share.jpg" /> | |
| <meta property="og:image:width" content="600" /> | |
| <meta property="og:image:height" content="445" /> | |
| <meta name="twitter:card" content="summary_large_image" /> | |
| <meta name="twitter:description" content="Story of TheAbbie: Abhishek Chaudhary is a pseudo-introvert, a web developer, and a maker" /> | |
| <meta name="twitter:title" content="TheAbbie: Story" /> | |
| <meta name="twitter:image" content="https://theabbie.github.io/files/Abhishek-Chaudhary.jpg" /> | |
| <link rel="apple-touch-icon" sizes="180x180" href="/files/favicons/apple-touch-icon.png"> | |
| <link rel="icon" type="image/png" sizes="32x32" href="/files/favicons/favicon-32x32.png"> | |
| <link rel="icon" type="image/png" sizes="194x194" href="/files/favicons/favicon-194x194.png"> | |
| <link rel="icon" type="image/png" sizes="192x192" href="/files/favicons/android-chrome-192x192.png"> | |
| <link rel="icon" type="image/png" sizes="16x16" href="/files/favicons/favicon-16x16.png"> | |
| <link rel="mask-icon" href="/files/favicons/safari-pinned-tab.svg" color="#000000"> | |
| <link rel="shortcut icon" href="/files/favicons/favicon.ico"> | |
| <meta name="msapplication-TileColor" content="#000000"> | |
| <meta name="msapplication-TileImage" content="/files/favicons/mstile-144x144.png"> | |
| <meta name="msapplication-config" content="/files/favicons/browserconfig.xml"> | |
| <meta name="theme-color" content="#ffffff"> | |
| <style amp-custom> | |
| @font-face { | |
| font-family: 'Martel Sans'; | |
| font-style: normal; | |
| font-weight: 400; | |
| font-display: swap; | |
| src: local('Martel Sans Regular'), local('MartelSans-Regular'), url(https://fonts.gstatic.com/s/martelsans/v6/h0GsssGi7VdzDgKjM-4d8hjYx-4.woff2) format('woff2'); | |
| unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; | |
| } | |
| * {font-family: 'Martel Sans', sans-serif; font-size: 15px; color: white;} | |
| h1,p { | |
| padding: 10px; | |
| } | |
| p { | |
| font-weight: bolder; | |
| } | |
| table { | |
| font-size: 18px; | |
| border-collapse: collapse; | |
| width: 75%; | |
| max-width: 500px; | |
| margin: 0px auto 50px auto; | |
| } | |
| th { | |
| font-size: 25px; | |
| border-color: white; | |
| } | |
| tr { | |
| border-bottom: none; | |
| } | |
| td { | |
| text-align: center; | |
| padding: 10px; | |
| } | |
| caption { | |
| font-weight: bolder; | |
| padding-top: 20px; | |
| caption-side: bottom; | |
| } | |
| </style> | |
| <script async src="https://cdn.ampproject.org/v0.js"></script> | |
| <script async custom-element="amp-story" src="https://cdn.ampproject.org/v0/amp-story-1.0.js"></script> | |
| <script type="application/ld+json"> | |
| { | |
| "@context": "http://schema.org", | |
| "@type": "NewsArticle", | |
| "url": "https://theabbie.github.io/story", | |
| "publisher":{ | |
| "@type":"Organization", | |
| "name":"TheAbbie", | |
| "logo":{ | |
| "@type": "ImageObject", | |
| "url": "https://theabbie.github.io/files/logo.png" | |
| } | |
| }, | |
| "headline": "TheAbbie: Story", | |
| "mainEntityOfPage": { | |
| "@type": "WebPage", | |
| "@id": "https://theabbie.github.io/story" | |
| }, | |
| "description": "Story of TheAbbie: Abhishek Chaudhary is a pseudo-introvert, a web developer, and a maker", | |
| "articleBody": "Abhishek Chaudhary A.K.A TheAbbie born in 2002 is a computer engineer from Fr. Conceicao Rodrigues institute of technology, and he made he acting and writing debut in 2019 short film Brazen Epiphany, The film was made as a part of India Film project 50 hour filmmaking challenge. He is currently writing for TVF sketches. He also currently makes YouTube videos. Apart from acting and writing, his main fields of interests include programming and photography and podcasting", | |
| "image":[ | |
| "https://theabbie.github.io/files/Abhishek-Chaudhary.jpg" | |
| ], | |
| "author": { | |
| "@type": "Person", | |
| "name": "Abhishek Chaudhary" | |
| }, | |
| "datePublished":"2020-04-29T11:30:00+00:00", | |
| "dateModified":"2020-04-29T11:30:00+00:00" | |
| } | |
| </script> | |
| <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript> | |
| </head> | |
| <body> | |
| <amp-story standalone title="TheAbbie: Story" publisher="TheAbbie" publisher-logo-src="files/logo.png" poster-portrait-src="files/Abhishek-Chaudhary.jpg" poster-square-src="files/logo.png" poster-landscape-src="files/collage.png" background-audio="https://translate.google.com.vn/translate_tts?ie=UTF-8&q=Abhishek Chaudhary is a pseudo-introvert, a web developer and a maker&tl=hi&client=tw-ob"> | |
| <amp-story-page id="cover"> | |
| <amp-story-grid-layer template="fill" style="background: rgb(34,34,34);"> | |
| </amp-story-grid-layer> | |
| <amp-story-grid-layer template="vertical"> | |
| <h1 animate-in="pulse">Story Of TheAbbie</h1> | |
| <p animate-in="fade-in" style="margin-bottom: 0px;">By Abhishek Chaudhary</p> | |
| </amp-story-grid-layer> | |
| </amp-story-page> | |
| <amp-story-page id="about"> | |
| <amp-story-grid-layer template="fill" style="background: rgb(34,34,34);"> | |
| </amp-story-grid-layer> | |
| <amp-story-grid-layer template="vertical"> | |
| <h1 animate-in="pulse">About</h1> | |
| <table> | |
| <caption>Abhishek Chaudhary</caption> | |
| <thead> | |
| <tr> | |
| <th colspan="2">Quick Info</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr><th scope='row'>Name</th><td>Abhishek Chaudhary</td></tr> | |
| <tr><th scope='row'>Born</th><td><time datetime="2002-01-11 08:00">11 January, 2002</time></td></tr> | |
| <tr><th scope='row'>Education</th><td>B.E.</td></tr> | |
| <tr><th scope='row'>Alma mater</th><td>Fr C Rodrigues institute of technology</td></tr> | |
| <tr><th scope='row'>Nationality</th><td>Indian</td></tr> | |
| <tr><th scope='row'>Occupation</th><td>Web Developer</td></tr> | |
| <tr><th scope='row'>Skills</th><td>HTML, CSS, JavaScript, Node.js, SEO</td></tr> | |
| <tr><th scope='row'>Other Name</th><td>TheAbbie</td></tr> | |
| <tr><th scope='row'>Title</th><td>CEO of TheAbbie</td></tr> | |
| <tr><th scope='row'>Known For</th><td>TheAbbie</td></tr> | |
| </tbody> | |
| </table> | |
| </amp-story-grid-layer> | |
| </amp-story-page> | |
| <amp-story-page id="birth"> | |
| <amp-story-grid-layer template="fill" style="background: rgb(34,34,34);"> | |
| </amp-story-grid-layer> | |
| <amp-story-grid-layer template="vertical"> | |
| <h1 animate-in="pulse">Birth</h1> | |
| <p animate-in="fade-in">Abhishek Chaudhary A.K.A TheAbbie was born in 2002 in Navi Mumbai</p> | |
| <amp-img animate-in="pulse" src="blog/assets/theabbie-birth.jpg" width="463" height="318" layout="responsive" sizes="(min-width: 500px) 500px, 80vw" alt="theabbie birth"></amp-img> | |
| </amp-story-grid-layer> | |
| </amp-story-page> | |
| <amp-story-page id="school"> | |
| <amp-story-grid-layer template="fill" style="background: rgb(34,34,34);"> | |
| </amp-story-grid-layer> | |
| <amp-story-grid-layer template="vertical"> | |
| <h1 animate-in="pulse">School</h1> | |
| <amp-img src="blog/assets/school.jpg" width="160" height="120" layout="responsive"></amp-img> | |
| <p animate-in="fade-in">He completed his high school in Bharti Vidyapeeth High school</p> | |
| </amp-story-grid-layer> | |
| </amp-story-page> | |
| <amp-story-page id="college"> | |
| <amp-story-grid-layer template="fill" style="background: rgb(34,34,34);"> | |
| </amp-story-grid-layer> | |
| <amp-story-grid-layer template="vertical"> | |
| <h1 animate-in="pulse">College</h1> | |
| <amp-img src="blog/assets/college-one.jpg" width="160" height="90" layout="responsive"></amp-img> | |
| <p animate-in="fade-in">He Studied computer engineering from Fr Conceicao Rodrigues institute of technology</p> | |
| <amp-img src="blog/assets/college-two.jpg" width="160" height="90" layout="responsive"></amp-img> | |
| </amp-story-grid-layer> | |
| </amp-story-page> | |
| <amp-story-bookend layout="nodisplay"> | |
| <script type="application/json"> | |
| { | |
| "bookendVersion": "v1.0", | |
| "shareProviders": [ | |
| "facebook", | |
| "twitter", | |
| "email", | |
| "system", | |
| "linkedin", | |
| "pinterest", | |
| "tumblr", | |
| "whatsapp", | |
| "line", | |
| "sms" | |
| ], | |
| "components": [ | |
| { | |
| "type": "heading", | |
| "text": "Credits" | |
| }, | |
| { | |
| "type": "textbox", | |
| "text": ["Made with ♥️ By Abhishek Chaudhary"] | |
| }, | |
| { | |
| "type": "cta-link", | |
| "links": [ | |
| { | |
| "text": "Donate", | |
| "url": "https://theabbie.github.io/#donate", | |
| "amphtml": true | |
| }, | |
| { | |
| "text": "Contact", | |
| "url": "https://theabbie.github.io/#contact", | |
| "amphtml": true | |
| } | |
| ] | |
| }, | |
| { | |
| "type": "heading", | |
| "text": "More About TheAbbie" | |
| }, | |
| { | |
| "type": "small", | |
| "title": "TheAbbie: Abhishek Chaudhary", | |
| "url": "https://theabbie.github.io/", | |
| "image": "https://theabbie.github.io/files/logo.png", | |
| "amphtml": true | |
| }, | |
| { | |
| "type": "small", | |
| "title": "Abhishek Chaudhary (TheAbbie) Height, Weight, Age, Girlfriend, Family, Biography & More", | |
| "url": "https://theabbie.github.io/abhishek-chaudhary", | |
| "image": "https://theabbie.github.io/files/circle-cropped.png", | |
| "amphtml": true | |
| }, | |
| { | |
| "type": "landscape", | |
| "title": "Abhishek Chaudhary Age, Height, Girlfriend, Family, Biography", | |
| "url": "https://starsreborn.com/abhishek-chaudhary-age-height-girlfriend-family-biography/amp/", | |
| "category": "StarsReborn", | |
| "image": "https://theabbie.github.io/files/collage.jpg" | |
| }, | |
| { | |
| "type": "landscape", | |
| "title": "Abhishek Chaudhary: Age, Wiki, Biography", | |
| "url": "https://www.filmifeed.com/celebrity/abhishek-chaudhary/amp/", | |
| "category": "FilmiFeed", | |
| "image": "https://theabbie.github.io/files/share.jpg" | |
| }, | |
| { | |
| "type": "heading", | |
| "text": "Also See" | |
| }, | |
| { | |
| "type": "portrait", | |
| "category": "Movies", | |
| "title": "Brazen Epiphany", | |
| "url": "https://imdb.com/title/tt11788384/", | |
| "image": "https://theabbie.github.io/files/brazen-epiphany.jpg" | |
| } | |
| ] | |
| } | |
| </script> | |
| </amp-story-bookend> | |
| </amp-story> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment