{"id":8697,"date":"2023-08-22T06:31:47","date_gmt":"2023-08-22T06:31:47","guid":{"rendered":"https:\/\/realacademy.io\/?page_id=8697"},"modified":"2023-09-20T14:51:03","modified_gmt":"2023-09-20T14:51:03","slug":"portfolio-2","status":"publish","type":"page","link":"https:\/\/realacademy.io\/index.php\/portfolio-2\/","title":{"rendered":"Portfolio"},"content":{"rendered":"\n<div class=\"p-container\">\n    <section class=\"p-section hero\">\n      <div class=\"hero__text\">\n        <h1>Real\u2019s <span>Portfolio<\/span><\/h1>\n        <p>Explore my real-time investment portfolio to make informed decisions and enhance your own investment strategy\n        <\/p>\n      <\/div>\n      <div class=\"hero__chart\">\n        <canvas id=\"hero-chart\"><\/canvas>\n        <div id=\"hover\">Bitcoin<\/div>\n      <\/div>\n    <\/section>\n    <section class=\"p-section performance\">\n      <div class=\"text\">\n        <p>Top Performing coins<\/p>\n      <\/div>\n      <div class=\"coins\">\n      <\/div>\n    <\/section>\n    <section class=\"p-section portfolio\">\n      <h1>Detailed breakdown<\/h1>\n      <div class=\"table-heading\">\n        <div>Coin<\/div>\n        <div>Percent. of portfolio<\/div>\n        <div>Profit\/Loss<\/div>\n      <\/div>\n      <div id=\"portfolio\" class=\"list-container\">\n      <\/div>\n    <\/section>\n  <\/div>\n\n\n\n<style>\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: inherit;\n}\n\n:root {\n  font-size: 16px;\n  --gtc: 1fr 300px 200px;\n  --gtc-s: 1fr 200px 100px;\n  --gtc-xs: 1fr 90px 80px;\n}\n\nbody {\n  box-sizing: border-box;\n  font-family: \"Montserrat\", sans-serif;\n}\n\n.p-container {\n  width: 1300px;\n  padding: 0 20px;\n  margin: 0 auto;\n}\n\n.p-section {\n  margin: 5em 0;\n  padding: 0 !important;\n}\n\n.p-section.hero {\n  display: flex;\n  justify-content: space-between;\n}\n\n.p-section.hero .hero__text {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.p-section.hero .hero__text h1 {\n  font-weight: 400;\n  font-size: 4.5rem;\n  line-height: 87.77px;\n  margin-bottom: 2rem;\n}\n\n.p-section.hero .hero__text h1 span {\n  font-weight: 700;\n  display: inline-block;\n  background: linear-gradient(90deg, #f3911a, #2f40f3);\n  background-clip: text;\n  -webkit-background-clip: text;\n  color: transparent;\n  fill: transparent;\n}\n\n.p-section.hero .hero__text p {\n  font-weight: 400;\n  font-size: 1.25rem;\n  line-height: 22px;\n  color: #666666;\n  max-width: 550px;\n}\n\n.p-section.hero .hero__chart {\n  display: flex;\n  position: relative;\n}\n\n.p-section.hero .hero__chart canvas {\n  width: 500px;\n}\n\n.p-section.hero .hero__chart #hover {\n  display: none;\n  position: absolute;\n  top: 50%;\n  right: 50%;\n  transform: translate(50%, calc(-50% + 10px));\n  background-color: rgba(162, 111, 249, 0.5);\n  border-radius: 15px;\n  padding: 5px 10px;\n  font-family: \"Poppins\";\n  font-weight: 500;\n  font-size: 20px;\n  color: #ffffff;\n}\n\n.p-section.hero .hero__chart #hover.show {\n  display: block;\n}\n\n.p-section.portfolio h1 {\n  font-size: 3rem;\n  line-height: 53.64px;\n  margin-bottom: 0.8em;\n}\n\n.table-heading {\n  color: #666666;\n  padding: 1rem 8rem 1rem 6rem;\n  display: grid;\n  grid-template-columns: var(--gtc);\n  column-gap: 2em;\n}\n\n.table-heading div {\n  font-size: 1.5rem;\n  line-height: 36px;\n}\n\n.list-container {\n  display: flex;\n  flex-direction: column;\n  gap: 1em;\n}\n\n.list-container details {\n  border-radius: 20px;\n  padding: 1rem 8rem 1rem 6rem;\n}\n\n.list-container details > summary {\n  list-style: none;\n  cursor: pointer;\n  display: grid;\n  grid-template-columns: var(--gtc);\n  column-gap: 2em;\n  color: #404040;\n  font-family: \"Poppins\", sans-serif;\n  position: relative;\n}\n\n.list-container details > summary::-webkit-details-marker {\n  display: none;\n}\n\n.list-container details > summary::after {\n  content: \"+\";\n  display: block;\n  position: absolute;\n  right: -2em;\n  top: 50%;\n  transform: translateY(-50%) rotateZ(0);\n  transform-origin: center;\n  transition: transform 300ms;\n  font-size: 2rem;\n}\n\n.list-container details[open] > summary::after {\n  transform: translateY(-50%) rotateZ(135deg);\n}\n\n.list-container details > summary .info {\n  display: flex;\n  align-items: center;\n  gap: 0.5em;\n}\n\n.list-container details > summary .info img {\n  display: inline-block;\n  height: 40px;\n  width: 40px;\n  border-radius: 50%;\n}\n\n.list-container details > summary .info h2 {\n  display: inline-block;\n  font-size: 1.5rem;\n  line-height: 36px;\n}\n\n.list-container details > summary .amt,\n.list-container details > summary .value {\n  font-weight: 400;\n  font-size: 1.5rem;\n  line-height: 29px;\n  align-self: center;\n}\n\n.list-container details > summary .pl {\n  font-weight: 500;\n  font-size: 1.5rem;\n  line-height: 29px;\n  align-self: center;\n  color: rgb(43, 167, 0);\n}\n\n.list-container details > summary .pl.loss {\n  color: #ff5f49;\n}\n\n.list-container details > .charts-container {\n  margin-top: 1.5em;\n  width: 100%;\n  \/* height: 300px; *\/\n}\n\n.list-container details > .charts-container canvas {\n  background-color: #ffffff;\n  \/* padding: 1em; *\/\n  border-radius: 8px;\n}\n\n.p-section.performance {\n  display: flex;\n  align-items: center;\n  gap: 2em;\n}\n\n.p-section.performance .text {\n  font-size: 1.125rem;\n  font-weight: 400;\n}\n\n.p-section.performance .text p {\n  margin-bottom: 0;\n}\n\n.p-section.performance .coins {\n  display: flex;\n  gap: 1em;\n}\n\n.p-section.performance .coins .coin {\n  height: 40px;\n  width: 40px;\n  border-radius: 50%;\n  font-size: 12px;\n  color: #ffffff;\n  display: grid;\n  place-items: center;\n}\n\n@media screen and (max-width: 1322px) {\n  .p-container {\n    width: auto;\n  }\n\n  .p-section.hero {\n    display: block;\n  }\n\n  .p-section.hero .hero__text p {\n    max-width: none;\n  }\n\n  .p-section.hero .hero__chart {\n    justify-content: center;\n  }\n\n  .p-section.performance {\n    display: block;\n  }\n\n  .p-section.performance .text {\n    margin-bottom: 1em;\n  }\n\n  .p-section.performance .text p {\n    margin-bottom: 0 !important;\n  }\n\n  .table-heading {\n    grid-template-columns: var(--gtc-s);\n    padding: 1rem 6rem 1rem 4rem;\n  }\n\n  .table-heading div {\n    font-size: 1.25rem;\n  }\n\n  .list-container details {\n    padding: 1rem 6rem 1rem 4rem;\n  }\n\n  .list-container details > summary {\n    grid-template-columns: var(--gtc-s);\n  }\n\n  .list-container details > summary .info h2 {\n    font-size: 1.25rem;\n  }\n\n  .list-container details > summary .pl {\n    font-size: 1.25rem;\n  }\n}\n\n@media screen and (max-width: 1020px) {\n  .p-container {\n    width: auto;\n  }\n\n  .p-section {\n    margin: 3em 0;\n    padding: 0 5em;\n  }\n\n  .p-section.hero .hero__text {\n    margin-bottom: 3em;\n  }\n\n  .p-section.hero .hero__text h1 {\n    font-size: 3rem;\n  }\n\n  .p-section.hero .hero__text p {\n    font-size: 1rem;\n  }\n\n  .p-section.performance .coins {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, 40px);\n  }\n\n  .p-section.portfolio h1 {\n    font-size: 2rem;\n  }\n}\n\n@media screen and (max-width: 844px) {\n  .p-container {\n    width: auto;\n  }\n\n  .p-section {\n    padding: 0 2em;\n  }\n\n  .p-section.hero .hero__text h1 {\n    line-height: 60px;\n  }\n\n  .p-section.portfolio h1 {\n    font-size: 1.25rem;\n    line-height: 30px;\n  }\n\n  .table-heading {\n    padding: 0.5rem 3rem 0.5rem 1rem;\n    grid-template-columns: var(--gtc-xs);\n    column-gap: 1em;\n  }\n\n  .table-heading div {\n    font-size: 0.8rem;\n  }\n\n  .list-container details {\n    padding: 0.5rem 3rem 0.5rem 1rem;\n  }\n\n  .list-container details > summary {\n    grid-template-columns: var(--gtc-xs);\n    column-gap: 1em;\n  }\n\n  .list-container details > summary .info img {\n    height: 25px;\n    width: 25px;\n  }\n\n  .list-container details > summary .info h2 {\n    font-size: 0.8rem;\n  }\n\n  .list-container details > summary .pl {\n    font-size: 0.8rem;\n  }\n\n  .list-container details > summary::after {\n    font-size: 1rem;\n  }\n\n  .list-container details > .charts-container {\n    width: calc(100% + 2em);\n  }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Real\u2019s Portfolio Explore my real-time investment portfolio to make informed decisions and enhance your own investment strategy Bitcoin Top Performing coins Detailed breakdown Coin Percent. of portfolio Profit\/Loss<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Portfolio - Real Crypto Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/realacademy.io\/index.php\/portfolio-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Portfolio - Real Crypto Academy\" \/>\n<meta property=\"og:description\" content=\"Real\u2019s Portfolio Explore my real-time investment portfolio to make informed decisions and enhance your own investment strategy Bitcoin Top Performing coins Detailed breakdown Coin Percent. of portfolio Profit\/Loss\" \/>\n<meta property=\"og:url\" content=\"https:\/\/realacademy.io\/index.php\/portfolio-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Real Crypto Academy\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-20T14:51:03+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@Im100XReal\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/realacademy.io\/index.php\/portfolio-2\/\",\"url\":\"https:\/\/realacademy.io\/index.php\/portfolio-2\/\",\"name\":\"Portfolio - Real Crypto Academy\",\"isPartOf\":{\"@id\":\"https:\/\/realacademy.io\/#website\"},\"datePublished\":\"2023-08-22T06:31:47+00:00\",\"dateModified\":\"2023-09-20T14:51:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/realacademy.io\/index.php\/portfolio-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/realacademy.io\/index.php\/portfolio-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/realacademy.io\/index.php\/portfolio-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/realacademy.io\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Portfolio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/realacademy.io\/#website\",\"url\":\"https:\/\/realacademy.io\/\",\"name\":\"Real Crypto Academy\",\"description\":\"Cohort based courses\",\"publisher\":{\"@id\":\"https:\/\/realacademy.io\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/realacademy.io\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/realacademy.io\/#organization\",\"name\":\"Real Crypto Academy\",\"alternateName\":\"RCA\",\"url\":\"https:\/\/realacademy.io\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/realacademy.io\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/realacademy.io\/wp-content\/uploads\/2023\/04\/cropped-Colored-Logo-Icon-for-Black-Background-Transparent-1.png\",\"contentUrl\":\"https:\/\/realacademy.io\/wp-content\/uploads\/2023\/04\/cropped-Colored-Logo-Icon-for-Black-Background-Transparent-1.png\",\"width\":512,\"height\":512,\"caption\":\"Real Crypto Academy\"},\"image\":{\"@id\":\"https:\/\/realacademy.io\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/twitter.com\/Im100XReal\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Portfolio - Real Crypto Academy","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:\/\/realacademy.io\/index.php\/portfolio-2\/","og_locale":"en_US","og_type":"article","og_title":"Portfolio - Real Crypto Academy","og_description":"Real\u2019s Portfolio Explore my real-time investment portfolio to make informed decisions and enhance your own investment strategy Bitcoin Top Performing coins Detailed breakdown Coin Percent. of portfolio Profit\/Loss","og_url":"https:\/\/realacademy.io\/index.php\/portfolio-2\/","og_site_name":"Real Crypto Academy","article_modified_time":"2023-09-20T14:51:03+00:00","twitter_card":"summary_large_image","twitter_site":"@Im100XReal","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/realacademy.io\/index.php\/portfolio-2\/","url":"https:\/\/realacademy.io\/index.php\/portfolio-2\/","name":"Portfolio - Real Crypto Academy","isPartOf":{"@id":"https:\/\/realacademy.io\/#website"},"datePublished":"2023-08-22T06:31:47+00:00","dateModified":"2023-09-20T14:51:03+00:00","breadcrumb":{"@id":"https:\/\/realacademy.io\/index.php\/portfolio-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/realacademy.io\/index.php\/portfolio-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/realacademy.io\/index.php\/portfolio-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/realacademy.io\/"},{"@type":"ListItem","position":2,"name":"Portfolio"}]},{"@type":"WebSite","@id":"https:\/\/realacademy.io\/#website","url":"https:\/\/realacademy.io\/","name":"Real Crypto Academy","description":"Cohort based courses","publisher":{"@id":"https:\/\/realacademy.io\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/realacademy.io\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/realacademy.io\/#organization","name":"Real Crypto Academy","alternateName":"RCA","url":"https:\/\/realacademy.io\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/realacademy.io\/#\/schema\/logo\/image\/","url":"https:\/\/realacademy.io\/wp-content\/uploads\/2023\/04\/cropped-Colored-Logo-Icon-for-Black-Background-Transparent-1.png","contentUrl":"https:\/\/realacademy.io\/wp-content\/uploads\/2023\/04\/cropped-Colored-Logo-Icon-for-Black-Background-Transparent-1.png","width":512,"height":512,"caption":"Real Crypto Academy"},"image":{"@id":"https:\/\/realacademy.io\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/twitter.com\/Im100XReal"]}]}},"_links":{"self":[{"href":"https:\/\/realacademy.io\/index.php\/wp-json\/wp\/v2\/pages\/8697"}],"collection":[{"href":"https:\/\/realacademy.io\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/realacademy.io\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/realacademy.io\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/realacademy.io\/index.php\/wp-json\/wp\/v2\/comments?post=8697"}],"version-history":[{"count":21,"href":"https:\/\/realacademy.io\/index.php\/wp-json\/wp\/v2\/pages\/8697\/revisions"}],"predecessor-version":[{"id":8968,"href":"https:\/\/realacademy.io\/index.php\/wp-json\/wp\/v2\/pages\/8697\/revisions\/8968"}],"wp:attachment":[{"href":"https:\/\/realacademy.io\/index.php\/wp-json\/wp\/v2\/media?parent=8697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}