Anonymous Pens can't be embedded.
Edit on CodePen
{"__browser":{"country":"US","device":"unknown_device","mobile":false,"name":"unknown browser","platform":"unknown_platform","version":"0"},"__constants":{},"__CPDATA":{"domain_iframe":"https://cdpn.io","environment":"production","host":"codepen.io","iframe_allow":"accelerometer *; ambient-light-sensor *; camera *; display-capture *; encrypted-media *; geolocation *; gyroscope *; microphone *; midi *; payment *; serial *; vr *; web-share *; xr-spatial-tracking *","iframe_sandbox":"allow-downloads allow-forms allow-modals allow-pointer-lock allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts allow-top-navigation-by-user-activation"},"__graphql":{"data":{"errors":[{"message":"Cannot return null for non-nullable field Query.sessionUser"}],"data":null},"url":"https://codepen.io/graphql","api":"cprails"},"__pay_stripe_public_key":"pk_live_2GndomDfiklqpSNQn8FrGuwZSMIMzha7DkLJqlYe7IR0ihKAlKdiHg68JJc5eVPt68rzAjzAAVXcUwjySHRCsgjQQ00gtRBUFNH","__pay_braintree_env":"production","__boomboom":{"serve_url":"https://cdpn.io/cpe/boomboom","store_url":"https://codepen.io/cpe/boomboom/store"},"__pageType":"embed","__item":"{\"editor_settings\":{\"indent_with\":\"spaces\",\"tab_size\":2,\"auto_save\":true,\"format_on_save\":false,\"auto_run\":true,\"id\":\"VoDkNZ\",\"autocomplete\":false,\"code_folding\":true,\"css_pre_processor\":\"none\",\"css_prefix\":\"neither\",\"css_starter\":\"neither\",\"emmet_active\":true,\"font_size\":14,\"font_type\":\"system\",\"html_pre_processor\":\"none\",\"js_pre_processor\":\"none\",\"key_bindings\":\"normal\",\"line_numbers\":true,\"line_wrapping\":true,\"match_brackets\":true,\"snippets\":{\"markupSnippets\":{},\"stylesheetSnippets\":{}},\"theme\":\"twilight\"},\"hashid\":\"xNELzR\",\"itemType\":\"pen\",\"resources\":[],\"tags\":[],\"id\":35881074,\"user_id\":1,\"html\":\"<!DOCTYPE html>\\n<html lang=\\\"en\\\">\\n<head>\\n\\n <meta charset=\\\"UTF-8\\\">\\n <meta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1, shrink-to-fit=no\\\">\\n\\n\\n <link rel=\\\"stylesheet\\\" href=\\\"css/bootstrap.css\\\">\\n <link rel=\\\"stylesheet\\\" href=\\\"css/bootstrap.min.css\\\">\\n <link rel=\\\"stylesheet\\\" href=\\\"js/bootstrap.js\\\">\\n <link rel=\\\"stylesheet\\\" href=\\\"js/bootstrap.min.js\\\">\\n <link rel=\\\"stylesheet\\\" href=\\\"Less/style.css\\\">\\n <link rel=\\\"stylesheet\\\" href=\\\"css/normalize.сss\\\">\\n <link rel=\\\"stylesheet\\\" href=\\\"https://use.fontawesome.com/releases/v5.8.1/css/all.css\\\"\\n integrity=\\\"sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf\\\" crossorigin=\\\"anonymous\\\">\\n\\n <title>Project</title>\\n\\n\\n</head>\\n<body>\\n<div class=\\\"container-fluid\\\">\\n <header>\\n <div class=\\\"row custom-padding\\\">\\n\\n <div class=\\\"col-md-3\\\">\\n <div class=\\\"navbar navbar-expand-md\\\">\\n <div class=\\\"navbar-brand\\\">\\n <a style=\\\"font-size: 30px;\\\">\\n <span>neutron<strong class=\\\"Mail\\\">Mail</strong></span>\\n </a>\\n <div aria-labelledby=\\\"breadcrumb\\\">\\n <ol class=\\\"breadcrumb\\\" style=\\\"background: none; padding: 0; font-size: 14px;\\\">\\n <li class=\\\"breadcrumb-item\\\"><a href=\\\"#\\\">Home</a></li>\\n <li class=\\\"breadcrumb-item\\\"><a href=\\\"#\\\">Library</a></li>\\n <li class=\\\"breadcrumb-item\\\"><a href=\\\"#\\\">Library</a></li>\\n <li class=\\\"breadcrumb-item\\\"><a href=\\\"#\\\">Library</a></li>\\n </ol>\\n </div>\\n </div>\\n </div>\\n\\n </div>\\n <div class=\\\"col-md-9\\\">\\n <nav class=\\\"navbar navbar-expand-lg navbar-light\\\">\\n <div class=\\\"collapse navbar-collapse justify-content-end\\\" id=\\\"navbarNavAltMarkup\\\">\\n <ul class=\\\"navbar-nav clearfix\\\">\\n <li><a href=\\\"\\\" class=\\\"nav-item nav-link\\\">About</a></li>\\n <li><a href=\\\"\\\" class=\\\"nav-item nav-link\\\">Security</a></li>\\n <li><a href=\\\"\\\" class=\\\"nav-item nav-link\\\">Blog</a></li>\\n <li><a href=\\\"\\\" class=\\\"nav-item nav-link\\\">Careers</a></li>\\n <li><a href=\\\"\\\" class=\\\"nav-item nav-link\\\">Support</a></li>\\n <li><a href=\\\"\\\" class=\\\"nav-item nav-link\\\">Donate</a></li>\\n <li><a href=\\\"\\\" class=\\\"nav-item nav-link text-login1\\\" style=\\\" padding-left: 35px;\\\"><i\\n class=\\\"fas fa-sign-out-alt\\\" style=\\\"color:#582c7e;\\\"></i>Login</a></li>\\n\\n\\n </ul>\\n </div>\\n </nav>\\n\\n\\n </div>\\n\\n </div>\\n <div class=\\\"h1-h3\\\"><h1>Secure Email Communication</h1><br>\\n <h3>Based in <span class=\\\"red\\\">Somewhere</span></h3></div>\\n\\n </header>\\n</div>\\n<section>\\n <div class=\\\"container-fluid\\\">\\n <div class=\\\"row\\\">\\n\\n <div class=\\\"col-md-4\\\">\\n <div class=\\\"container\\\">\\n <img src=\\\"https://via.placeholder.com/70/09f.png\\\">\\n <div class=\\\"block-content\\\">\\n\\n <h5>Swiss Privacy</h5>\\n <h6> Data Security and Neutrality</h6>\\n <p>NeutronMail is incorporated in Somewhere and all our servers</p>\\n </div>\\n </div>\\n </div>\\n <div class=\\\"col-md-4\\\">\\n <div class=\\\"container\\\">\\n <img src=\\\"https://via.placeholder.com/70/09f.png\\\">\\n <div class=\\\"block-content\\\">\\n <h5>Double Encryption</h5>\\n <h6> Automatic Email Security </h6>\\n <p>All emails are secured automatically with end-to-end encryption. This means even we cannot\\n decrypt and read your emails. As a result, your encrypted emails cannot\\n be shared with third parties.</p>\\n </div>\\n </div>\\n </div>\\n <div class=\\\"col-md-4\\\">\\n <div class=\\\"container-fluid\\\">\\n <img src=\\\"https://via.placeholder.com/70/09f.png\\\">\\n <div class=\\\"block-content\\\">\\n <h5>Anonymous Email</h5>\\n <h6>Protect Your Privacy</h6>\\n <p>No personal information is required to create your secure email account. By default, we do\\n not keep any IP logs which can be linked to your anonymous email account. Your privacy comes\\n first.</p>\\n </div>\\n\\n\\n </div>\\n </div>\\n </div>\\n </div>\\n</section>\\n<section>\\n <div class=\\\"container-fluid\\\">\\n <div class=\\\"row\\\">\\n <div class=\\\"col-md-6 offset-md-4\\\">\\n <h1>Physical Security</h1>\\n\\n <h4 class=\\\"hero_title\\\">NeutronMail's infrastructure resides in Europe's <span\\n class=\\\"red\\\">most secure</span> datacenter, underneath 1000 meters of solid rock.</h4>\\n\\n </div>\\n <img class=\\\"float-right\\\" src=\\\"https://via.placeholder.com/900x43/09f.png\\\" style=\\\"margin-top: 180px;\\\">\\n </div>\\n </div>\\n</section>\\n\\n<section>\\n <div class=\\\"container-fluid\\\">\\n <div class=\\\"row\\\">\\n <div class=\\\"col-md-6 offset-md-4\\\">\\n <div class=\\\"hero_back\\\">\\n\\n </div>\\n\\n <div class=\\\"hero-text\\\">\\n\\n <h1>Any device, anywhere</h1>\\n <p>The NeutronMail inbox is optimized for productivity. Each detail within our secure email service\\n is optimized to help you better read, organize, and send email.</p>\\n <img src=\\\"https://via.placeholder.com/180/09f.png\\\">\\n <img src=\\\"https://via.placeholder.com/180/09f.png\\\">\\n </div>\\n\\n\\n </div>\\n </div>\\n </div>\\n</section>\\n\\n\\n<section>\\n <div class=\\\"container-fluid\\\">\\n <div class=\\\"row\\\">\\n <div class=\\\"col-md-6 offset-md-3\\\">\\n <h1 style=\\\"margin-top: 251px; text-align: center;\\\">Privacy is a fundamental human right.</h1><br>\\n <h3>Your support helps us to protect privacy world-wide.</h3>\\n <div class=\\\"move-btn\\\">\\n <button class=\\\"btn text-center btn-lg active margin-left btn_fone_1\\\"><i class=\\\"fas fa-cloud-upload-alt\\\"></i>Upgrade to Paid Plan</button>\\n <button class=\\\"btn text-center btn-lg active margin-left btn_fone\\\"><i class=\\\"fas fa-dollar-sign\\\"></i>Donate</button>\\n </div>\\n </div>\\n\\n </div>\\n </div>\\n</section>\\n<img src=\\\"img/Layer31.png\\\">\\n<footer>\\n\\n</footer>\\n\\n\\n<script src=\\\"https://code.jquery.com/jquery-3.3.1.slim.min.js\\\"\\n integrity=\\\"sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo\\\"\\n crossorigin=\\\"anonymous\\\"></script>\\n<script src=\\\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js\\\"\\n integrity=\\\"sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1\\\"\\n crossorigin=\\\"anonymous\\\"></script>\\n\\n\\n</body>\\n</html>\",\"css\":\"\\n* {\\n padding: 0;\\n margin: 0;\\n outline: 0;\\n}\\n.con {\\n padding: 0;\\n margin: 0;\\n}\\nhtml body {\\n min-height: 100%;\\n position: relative;\\n}\\nhtml {\\n font-size: 14px;\\n}\\nheader {\\n background: url(\\\"https://via.placeholder.com/1968x1166/09f.png\\\") no-repeat center top / cover;\\n min-height: 700px;\\n min-width: 500px;\\n position: relative;\\n}\\nbody {\\n background: #ffffff;\\n}\\nsection {\\n padding: 9rem 0 10rem 0;\\n}\\n.custom-padding {\\n padding: 4rem 0;\\n}\\n.Mail {\\n color: #5b4295;\\n}\\n.logo {\\n font-size: 30px;\\n}\\n.img-more {\\n position: relative;\\n width: 100%;\\n}\\n.img-more {\\n height: 100px;\\n margin-top: -4px;\\n width: 122px;\\n margin-left: -29px;\\n}\\n#btn-background {\\n background: url(\\\"https://via.placeholder.com/130/09f.png\\\") no-repeat;\\n}\\n.positionimg {\\n position: relative;\\n width: 100%;\\n height: 100%;\\n}\\n.text-login {\\n color: #fff;\\n position: relative;\\n font-size: 16px;\\n left: -1px;\\n margin-top: -153px;\\n}\\n.text-login1 {\\n color: #454545;\\n position: relative;\\n font-size: 16px;\\n width: 150px;\\n height: 150px;\\n}\\na {\\n cursor: pointer;\\n font-size: 16px;\\n}\\n.breadcrumb,\\n.breadcrumb-item a {\\n text-decoration: none;\\n color: #858688;\\n}\\n.color-def {\\n color: #454545;\\n}\\n.red {\\n color: #fc444a;\\n}\\n.h1-h3 {\\n text-align: center;\\n}\\n.plus {\\n text-align: center;\\n margin-left: 278px;\\n margin-top: 240px;\\n}\\n.block-content {\\n margin-top: -46px;\\n margin-left: 55px;\\n display: block;\\n position: absolute;\\n padding: 0 2rem;\\n min-width: 22rem;\\n}\\n.hero_title {\\n min-width: 600px;\\n}\\n.hero_back {\\n background: url(\\\"https://via.placeholder.com/570/09f.png\\\") no-repeat center / cover;\\n min-height: 700px;\\n min-width: 500px;\\n}\\n.hero-text {\\n margin-top: -422px;\\n height: 80px;\\n width: 400px;\\n margin-left: -190px;\\n}\\n.hero-text P {\\n text-indent: 0.5em;\\n}\\n.move-btn {\\n margin-top: 60px;\\n text-align: center;\\n font-size: 18px;\\n}\\n.margin-left {\\n margin-left: 50px !important;\\n}\\n.btn_fone {\\n background: url(\\\"https://via.placeholder.com/202/09f.png\\\") no-repeat;\\n height: -webkit-min-content;\\n height: -moz-min-content;\\n height: min-content;\\n height: 80px;\\n width: 210px;\\n}\\n.btn_fone_1 {\\n background: url(\\\"https://via.placeholder.com/280/09f.png\\\") no-repeat;\\n height: -webkit-min-content;\\n height: -moz-min-content;\\n height: min-content;\\n height: 80px;\\n width: 270px;\\n}\\n.btn:focus,\\n.btn:active {\\n outline: none !important;\\n -webkit-box-shadow: none;\\n box-shadow: none;\\n}\\n\",\"js\":\"\",\"html_pre_processor\":\"none\",\"css_pre_processor\":\"none\",\"js_pre_processor\":\"none\",\"html_classes\":\"\",\"css_starter\":\"normalize\",\"js_library\":null,\"created_at\":\"2019-05-13T11:39:55.000Z\",\"updated_at\":\"2019-05-13T11:44:07.000Z\",\"title\":\"Untitled\",\"description\":\"\",\"slug_hash\":\"xNELzR\",\"head\":\"\",\"private\":false,\"has_animation\":false,\"team_id\":0,\"css_prefix\":\"neither\",\"template\":false,\"parent_id\":null,\"comments_count\":0,\"custom_screenshot_filename\":null,\"loves_count\":0,\"pick\":false,\"popularity\":0,\"views_count\":0,\"pick_visible_at\":\"2022-11-08T22:42:57.485Z\",\"cpid\":null,\"is_new_editor_pen\":false,\"access\":\"Public\",\"pen_hash\":null}","__processorsMap":{"autoprefixer":"autoprefixer-10","babel":"babel-7","coffeescript":"coffeescript-2","format-1":"format-1","flutter":"flutter-1","haml":"haml-4","less":"less-3","lint-1":"lint-1","livescript":"livescript-1","markdown":"markdown-11","postcss":"postcss-7","pug":"pug-2","sass":"sass-1","scss":"sass-1","sass-ruby-3":"sass-ruby-3","sass-ruby-compass-3":"sass-ruby-compass-3","slim":"slim-3","stylus":"stylus-0","typescript":"typescript-4","vue":"vue-2","vue3":"vue-3"},"__favicon_mask_icon":"https://cpwebassets.codepen.io/assets/favicon/logo-pin-b4b4269c16397ad2f0f7a01bcdf513a1994f4c94b8af2f191c09eb0d601762b1.svg","__favicon_shortcut_icon":"https://cpwebassets.codepen.io/assets/favicon/favicon-aec34940fbc1a6e787974dcd360f2c6b63348d4b1f4e06c77743096d55480f33.ico","__path_to_iframe_console_runner":"https://cpwebassets.codepen.io/assets/editor/iframe/iframeConsoleRunner-6d8bf8b4b479137260842506acbb12717dace0823c023e08b96360e60b0840d9.js","__path_to_iframe_refresh_css":"https://cpwebassets.codepen.io/assets/editor/iframe/iframeRefreshCSS-44fe83e49b63affec96918c9af88c0d80b209a862cf87ac46bc933074b8c557d.js","__path_to_iframe_runtime_errors":"https://cpwebassets.codepen.io/assets/editor/iframe/iframeRuntimeErrors-4f205f2c14e769b448bcf477de2938c681660d5038bc464e3700256713ebe261.js","__path_to_processor_worker":"https://cpwebassets.codepen.io/assets/packs/router.js","__path_to_stop_execution_on_timeout":"https://cpwebassets.codepen.io/assets/common/stopExecutionOnTimeout-2c7831bb44f98c1391d6a4ffda0e1fd302503391ca806e7fcc7b9b87197aec26.js","__pen_normalize_css_url":"https://public.codepenassets.com/css/normalize-5.0.0.min.css","__pen_prefix_free_url":"https://public.codepenassets.com/js/prefixfree-1.0.7.min.js","__pen_reset_css_url":"https://public.codepenassets.com/css/reset-2.0.min.css"}