{"id":106,"date":"2021-11-03T19:33:30","date_gmt":"2021-11-03T23:33:30","guid":{"rendered":"https:\/\/comdma.com\/balkin3\/?p=106"},"modified":"2021-11-03T23:57:03","modified_gmt":"2021-11-04T03:57:03","slug":"website-code","status":"publish","type":"post","link":"https:\/\/comdma.com\/balkin3\/2021\/11\/03\/website-code\/","title":{"rendered":"Website Code"},"content":{"rendered":"\n

Index.html<\/h2>\n\n\n\n
<!DOCTYPE html>\n<html>\n    <head>\n        <meta charset=\"UTF-8\">\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n        <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta2\/css\/all.min.css\" \n        integrity=\"sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA==\" \n        crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\n        <link rel=\"stylesheet\" href=\"style.css\">\n        <title>Planet Balkin<\/title>\n    <\/head>\n    <body>\n        <div class=\"navbar\">\n            <div class=\"container flex\">\n                <h1 class=\"logo\">Planet Balkin<\/h1>\n                <nav>\n                    <ul>\n                        <li><a href=\"index.html\">Home<\/a><\/li>\n                        <li><a href=\"videos.html\">Videos<\/a><\/li>\n                        <li><a href=\"illustrations.html\">Drawing<\/a><\/li>\n                        <li><a href=\"pictures.html\">Photos<\/a><\/li>\n                    <\/ul>\n                <\/nav>\n            <\/div>\n        <\/div>\n\n        <section class=\"information\">\n            <div class=\"info-grid\">\n                <div class=\"info text\">\n                    <h1>About Me<\/h1>\n                    <P>Hello, Welcome to my webpage. I am  from Buffalo, Ny \n                        and have a major in Digital Media arts from Canisius College. \n                        I have experience with Adobe programs such as Illustrator, Photoshop, \n                        After Effects, Premeir, amd Animate. I also have some experience with \n                        3D Modeling. I am available for work with any content creation means. \n                        I can do anything from setting up social media advertisements to taking \n                        videos, fully editing them and adding special effects. Fell free to \n                        explore this site to see my past work. Everything can be found in the \n                        menu tab on the top right. I have included contact information, please \n                        reach out with any inquires.\n                    <\/P>\n                <\/div>\n\n                <div class=\"info-youtube\">\n                    <h2>Video Demo<\/h2>\n                    <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/1A_jDp-dBX4\" title=\"YouTube video player\" \n                    frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \n                    allowfullscreen><\/iframe>\n                <\/div>\n            <\/div>\n        <\/section>\n\n\n\n    <\/body>\n<\/html><\/code><\/pre>\n\n\n\n
illustrations.html<\/h2>\n\n\n\n
<!DOCTYPE html>\n<html>\n    <head>\n        <meta charset=\"UTF-8\">\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n        <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta2\/css\/all.min.css\" \n        integrity=\"sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA==\" \n        crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\n        <link rel=\"stylesheet\" href=\"style.css\">\n        <title>Planet Balkin\/ Illustrations<\/title>\n    <\/head>\n    <body>\n        <div class=\"navbar\">\n            <div class=\"container flex\">\n                <h1 class=\"logo\">Illustrations<\/h1>\n                <nav>\n                    <ul>\n                        <li><a href=\"index.html\">Home<\/a><\/li>\n                        <li><a href=\"videos.html\">Videos<\/a><\/li>\n                        <li><a href=\"illustrations.html\">Drawing<\/a><\/li>\n                        <li><a href=\"pictures.html\">Photos<\/a><\/li>\n                    <\/ul>\n                <\/nav>\n            <\/div>\n        <\/div>\n\n        <div class=\"left-side\">\n            <div style=\"text-align: left;\">\n                <h1> Recents<\/h1>\n                <img class=\"drawings\" src=\"..\/images\/sketch1.jpg\" alt=\"Image\">\n                <br>\n                <h2> Image 2 <\/h2>\n                <br>\n                <img class=\"drawings\" src=\"..\/images\/sketch1.jpg\" alt=\"Image\">\n                <br>\n                <h3>Image 3<\/h3>\n                <br>\n                <img class=\"drawings\" src=\"..\/images\/sketch1.jpg\" alt=\"Image\">\n            <\/div>\n         <\/div>\n\n        <div class=\"right-side\">\n            <div style=\"text-align: right;\">\n                <h1> Recents<\/h1>\n                <img class=\"drawings\" src=\"..\/images\/sketch1.jpg\" alt=\"Image\">\n                <br>\n                <h2> Image 2 <\/h2>\n                <br>\n                <img class=\"drawings\" src=\"..\/images\/sketch1.jpg\" alt=\"Image\">\n                <br>\n                <h3>Image 3<\/h3>\n                <br>\n                <img class=\"drawings\" src=\"..\/images\/sketch1.jpg\" alt=\"Image\">\n            \n            <\/div>\n            \n        <\/div>\n    <\/body><\/code><\/pre>\n\n\n\n
videos.html<\/h2>\n\n\n\n
<!DOCTYPE html>\n<html>\n    <head>\n        <meta charset=\"UTF-8\">\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n        <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta2\/css\/all.min.css\" \n        integrity=\"sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA==\" \n        crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\n        <link rel=\"stylesheet\" href=\"style.css\">\n        <title>Planet Balkin\/ Videos<\/title>\n    <\/head>\n    <body>\n        <div class=\"navbar\">\n            <div class=\"container flex\">\n                <h1 class=\"logo\">Videos.<\/h1>\n                <nav>\n                    <ul>\n                        <li><a href=\"index.html\">Home<\/a><\/li>\n                        <li><a href=\"videos.html\">Videos<\/a><\/li>\n                        <li><a href=\"illustrations.html\">Drawing<\/a><\/li>\n                        <li><a href=\"pictures.html\">Photos<\/a><\/li>\n                    <\/ul>\n                <\/nav>\n            <\/div>\n        <\/div>\n\n        <div class=\"left-side\">\n            <div style=\"text-align: left;\">\n                <h1> Recents<\/h1>\n                <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/gyGsPlt06bo\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; \n                autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n                <br>\n                <h2> Video 2 <\/h2>\n                <br>\n                <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/gyGsPlt06bo\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; \n                autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n                <br>\n                <h3>Image 3<\/h3>\n                <br>\n                <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/gyGsPlt06bo\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; \n                autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n            <\/div>\n         <\/div>\n\n        <div class=\"right-side\">\n            <div style=\"text-align: right;\">\n                <h1> Recents<\/h1>\n                <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/gyGsPlt06bo\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; \n                autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n                <br>\n                <h2> Video 5 <\/h2>\n                <br>\n                <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/gyGsPlt06bo\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; \n                clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n                <br>\n                <h3>Video 6<\/h3>\n                <br>\n                <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/gyGsPlt06bo\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; \n                autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n            \n            <\/div>\n            \n        <\/div><\/code><\/pre>\n\n\n\n
pictures.html<\/h2>\n\n\n\n
<!DOCTYPE html>\n<html>\n    <head>\n        <meta charset=\"UTF-8\">\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n        <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta2\/css\/all.min.css\" \n        integrity=\"sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA==\" \n        crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\n        <link rel=\"stylesheet\" href=\"style.css\">\n        <title>Planet Balkin\/ Pictures<\/title>\n    <\/head>\n    <body>\n        <div class=\"navbar\">\n            <div class=\"container flex\">\n                <h1 class=\"logo\">Pictures<\/h1>\n                <nav>\n                    <ul>\n                        <li><a href=\"index.html\">Home<\/a><\/li>\n                        <li><a href=\"videos.html\">Videos<\/a><\/li>\n                        <li><a href=\"illustrations.html\">Drawing<\/a><\/li>\n                        <li><a href=\"pictures.html\">Photos<\/a><\/li>\n                    <\/ul>\n                <\/nav>\n            <\/div>\n        <\/div>\n\n        <div class=\"left-side\">\n            <div style=\"text-align: left;\">\n                <h1> Recents<\/h1>\n                <img class=\"drawings\" src=\"..\/images\/sketch1.jpg\" alt=\"Image\">\n                <br>\n                <h2> Image 2 <\/h2>\n                <br>\n                <img class=\"drawings\" src=\"..\/images\/sketch1.jpg\" alt=\"Image\">\n                <br>\n                <h3>Image 3<\/h3>\n                <br>\n                <img class=\"drawings\" src=\"..\/images\/sketch1.jpg\" alt=\"Image\">\n            <\/div>\n         <\/div>\n\n        <div class=\"right-side\">\n            <div style=\"text-align: right;\">\n                <h1> Recents<\/h1>\n                <img class=\"drawings\" src=\"..\/images\/sketch1.jpg\" alt=\"Image\">\n                <br>\n                <h2> Image 2 <\/h2>\n                <br>\n                <img class=\"drawings\" src=\"..\/images\/sketch1.jpg\" alt=\"Image\">\n                <br>\n                <h3>Image 3<\/h3>\n                <br>\n                <img class=\"drawings\" src=\"..\/images\/sketch1.jpg\" alt=\"Image\">\n            \n            <\/div>\n            \n        <\/div><\/code><\/pre>\n\n\n\n
style.css<\/h2>\n\n\n\n
@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300&display=swap');\n\n\nhtml {\n    background-image: url(..\/images\/space1.jpg);\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-attachment: fixed;\n}\n\n\n*{\n    box-sizing: border-box; \n    padding: 0%;\n    margin: 0%;\n}\n\nbody {\n    font-family: 'Inter', sans-serif;\n    color:black;\n    line-height: 1.0;\n}\n\nul {\n    list-style-type: none;\n}\n\na {\n    text-decoration: none;\n    color: black;\n}\n\nh1, h2 {\n    font-weight: 300;\n    line-height: 1.2;\n    margin: 10px 0;\n}\n\np {\n    margin: 10px 0;\n}\n\nimg {\n    width: 100%;\n}\n\n.navbar {\n    background-color: green;\n    color: white;\n}\n\n.navbar ul {\n    display: flex;\n}\n\n.navbar a{\n    color: white;\n    padding: 10px;\n    margin: 0 5px;\n}\n\n.navbar a:hover {\n    border-bottom: 2px white solid;\n}\n\n.navbar .flex {\n    justify-content: space-between;\n}\n\n\/* boxex *\/\n\n.information{\n    max-width: 1100px;\n    margin: 0% auto;\n    overflow: auto;\n    padding: 0 40px;\n}\n\n.information .info-grid{\n    margin-left: auto; \n    margin-right: 0;\n}\n\n.information .info-youtube{\n    margin-right: auto;\n    margin-left: 0;\n}\n\n\n.information h1 {\n    font-size: 40px;\n}\n\n.information p {\n    margin: 20px 0;\n    background-color: lightskyblue;\n    color:black;\n    line-height: 2;\n    font-size: 15pt;\n}\n\n.information .grid{\n    grid-template-columns: 55% 45%;\n    gap: 30px;\n}\n\n\/* UTILITIES *\/\n\n.container {\n    max-width: 1100px;\n    margin: 0 auto;\n    overflow: auto;\n    padding: 0 40px;\n}\n\n.flex {\n    display: flex;\n    justify-content: center;    \n    align-items: center;\n    height: 100%;\n}\n\n.grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n}\n\n\/* Illustrations *\/\n\n.drawings {\n    width: 500px;\n}\n\n.left-side {\n    line-height: 2px;\n    margin-left: auto;\n    margin-right: 0;\n    padding: 150px;\n}\n\n.left-side h1,h2,h3{\n    color: white;\n    font-size: 25pt;\n}\n\n.right-side {\n    line-height: 2px;\n    margin-left: 0;\n    margin-right: auto;\n    padding: 150px;\n}\n\n.right-side h1,h2,h3{\n    color: white;\n    font-size: 25pt;\n}\n\n \n\n\/* Photos *\/\n\n\/* Videos *\/<\/code><\/pre>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Index.html illustrations.html videos.html pictures.html style.css<\/p>\n","protected":false},"author":129,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-106","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"taxonomy_info":{"category":[{"value":1,"label":"Uncategorized"}]},"featured_image_src_large":false,"author_info":{"display_name":"balkin3","author_link":"https:\/\/comdma.com\/balkin3\/author\/balkin3\/"},"comment_info":"","category_info":[{"term_id":1,"name":"Uncategorized","slug":"uncategorized","term_group":0,"term_taxonomy_id":1,"taxonomy":"category","description":"","parent":0,"count":24,"filter":"raw","cat_ID":1,"category_count":24,"category_description":"","cat_name":"Uncategorized","category_nicename":"uncategorized","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/comdma.com\/balkin3\/wp-json\/wp\/v2\/posts\/106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/comdma.com\/balkin3\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/comdma.com\/balkin3\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/comdma.com\/balkin3\/wp-json\/wp\/v2\/users\/129"}],"replies":[{"embeddable":true,"href":"https:\/\/comdma.com\/balkin3\/wp-json\/wp\/v2\/comments?post=106"}],"version-history":[{"count":2,"href":"https:\/\/comdma.com\/balkin3\/wp-json\/wp\/v2\/posts\/106\/revisions"}],"predecessor-version":[{"id":108,"href":"https:\/\/comdma.com\/balkin3\/wp-json\/wp\/v2\/posts\/106\/revisions\/108"}],"wp:attachment":[{"href":"https:\/\/comdma.com\/balkin3\/wp-json\/wp\/v2\/media?parent=106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/comdma.com\/balkin3\/wp-json\/wp\/v2\/categories?post=106"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/comdma.com\/balkin3\/wp-json\/wp\/v2\/tags?post=106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}