API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 21st, 2018
133
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 21.89 KB | None | 0 0
raw download clone embed print report
  1. <meta name="viewport" content="user-scalable=0" />
  2. <html>
  3.  
  4.     <head>
  5.         <meta name="viewport" content="user-scalable=0" />
  6.         <title> Nikolay Milenkov Visual Artist </title>
  7.         <script src="https://viewer.marmoset.co/main/marmoset.js"></script>
  8.         <style>
  9.             ul {
  10.                 list-style-type: none;
  11.                 margin: 0;
  12.                 padding: 0;
  13.                 overflow: hidden;
  14.                 background-color: #AB987A;
  15.                 position: fixed;
  16.                 font-family: Cambria;
  17.                 font-size: 1.2em;
  18.             }
  19.  
  20.             li {
  21.                 float: left;
  22.             }
  23.  
  24.             li a {
  25.                 display: block;
  26.                 color: #F5F5F5;
  27.                 text-align: center;
  28.                 padding: 14px 16px;
  29.                 text-decoration: none;
  30.             }
  31.  
  32.             li a:hover:not(.active) {
  33.                 background-color: #0F1626;
  34.             }
  35.  
  36.             .active {
  37.                 background-color: #FF533D;
  38.             }
  39.  
  40.             body {
  41.                 font-size: 100%;
  42.                 background-color: #0F1626;
  43.             }
  44.  
  45.             div.CVbackground {
  46.                 background-image: url("IMG/gifpro.gif");
  47.                 background-size: cover;
  48.                 background-repeat: no-repeat;
  49.                 background-origin: border-box;
  50.                 margin: auto;
  51.                 padding-top: 5%;
  52.                 padding-bottom: 10%;
  53.                 padding-left: 28%;
  54.                 padding-right: 28%;
  55.             }
  56.  
  57.             div.CVcontent {
  58.                 text-align: center;
  59.                 background-color: #F5F5F5;
  60.                 padding: 5%;
  61.                 border-radius: 50px;
  62.             }
  63.  
  64.             p.CVintro {
  65.                 font-family: Ariel;
  66.                 font-weight: bold;
  67.                 font-size: 1.5em;
  68.                 color: #0F1626;
  69.             }
  70.  
  71.             p.CVtext {
  72.                 font-family: Cambria;
  73.                 font-style: normal;
  74.                 font-size: 1.0em;
  75.                 color: #0F1626;
  76.             }
  77.  
  78.             td.CVtable {
  79.                 font-family: Cambria;
  80.                 font-style: normal;
  81.                 font-size: 1.0em;
  82.                 padding: 5px;
  83.             }
  84.  
  85.             img.icons {
  86.                 width: 25px;
  87.                 height: 25px;
  88.             }
  89.  
  90.             video {
  91.                 max-width: 100%;
  92.                 height: auto;
  93.             }
  94.  
  95.             div.video {
  96.                 margin: auto;
  97.                 padding-top: 5%;
  98.                 padding-bottom: 10%;
  99.                 padding-left: auto;
  100.                 padding-right: auto;
  101.                 background-color: #FF533D;
  102.                 text-align: center;
  103.                 font-size: 2.0em;
  104.                 font-family: Cambria;
  105.             }
  106.  
  107.             div.portfolioAll {}
  108.  
  109.             div.PorfolioMenu {}
  110.  
  111.             div.ProjectName {
  112.                 background-color: #FF533D;
  113.                 text-align: center;
  114.                 width: 200;
  115.                 font-family: Segoe UI Black;
  116.                 font-size: 1.0em;
  117.                 color: #F5F5F5;
  118.                 padding: 5%;
  119.                 margin: 10px;
  120.                 float: left;
  121.                 border-radius: 10px;
  122.             }
  123.  
  124.             div.ProjectContent {}
  125.  
  126.             div.PortfolioContent {
  127.                 background-color: #F5F5F5;
  128.                 border-radius: 25px;
  129.                 margin-top: 1%;
  130.                 margin-bottom: 5%;
  131.                 margin-left: 10%;
  132.                 margin-right: 10%;
  133.                 padding-top: 5%;
  134.                 padding-bottom: 10%;
  135.                 padding-left: 5%;
  136.                 padding-right: 5%;
  137.             }
  138.  
  139.             p.pTitle {
  140.                 font-family: Segoe UI Black;
  141.                 color: #FF533D;
  142.                 font-size: 2.0em;
  143.                 text-align: center;
  144.             }
  145.  
  146.             p.pText {
  147.                 font-family: Cambria;
  148.                 color: #0F1626;
  149.                 font-size: 1.2em;
  150.             }
  151.  
  152.             p.madewith {
  153.                 font-family: Segoe UI Black;
  154.                 color: #FF533D;
  155.                 font-size: 1.0em;
  156.                 text-align: left;
  157.             }
  158.  
  159.             img.icons3 {
  160.                 width: 60px;
  161.                 height: auto;
  162.                 display: block;
  163.             }
  164.  
  165.             div.galleryicon {
  166.                 margin: 20px;
  167.                 float: left;
  168.             }
  169.  
  170.             div.gallery {
  171.                 margin: 5px;
  172.                 border: 1px solid #ccc;
  173.                 float: left;
  174.                 width: 300px;
  175.             }
  176.  
  177.             div.gallery:hover {
  178.                 border: 1px solid #FF533D;
  179.             }
  180.  
  181.             div.gallery img {
  182.                 width: 100%;
  183.                 height: auto;
  184.             }
  185.  
  186.             div.desc {
  187.                 color: #0F1626;
  188.                 font-family: Cambria;
  189.                 padding: 15px;
  190.                 text-align: center;
  191.             }
  192.  
  193.             .clearfix:after {
  194.                 content: "";
  195.                 display: table;
  196.                 clear: both;
  197.             }
  198.  
  199.             div.Contacts {
  200.                 background-color: #FF533D;
  201.                 background-size: cover;
  202.                 background-repeat: no-repeat;
  203.                 background-origin: border-box;
  204.                 margin: auto;
  205.                 padding-top: 5%;
  206.                 padding-bottom: 10%;
  207.                 padding-left: 25%;
  208.                 padding-right: 25%;
  209.             }
  210.  
  211.             div.ContactInfo {
  212.                 background-color: #AB987A;
  213.                 padding: 5%;
  214.                 border-radius: 50px;
  215.             }
  216.  
  217.             img.icons2 {
  218.                 width: 40px;
  219.                 height: auto;
  220.                 margin-left: auto;
  221.                 margin-right: auto;
  222.                 display: block;
  223.             }
  224.  
  225.             p.contacts {
  226.                 text-align: center;
  227.                 font-family: Cambria;
  228.                 font-size: 1.2em;
  229.             }
  230.  
  231.             a.social:link {
  232.                 color: #0F1626;
  233.                 background-color: transparent;
  234.                 text-decoration: none;
  235.             }
  236.  
  237.             a.social:visited {
  238.                 color: #0F1626;
  239.                 background-color: transparent;
  240.                 text-decoration: none;
  241.             }
  242.  
  243.             a.social:hover {
  244.                 color: #FF533D;
  245.                 background-color: transparent;
  246.                 text-decoration: underline;
  247.             }
  248.  
  249.             a.social:active {
  250.                 color: #F5F5F5;
  251.                 background-color: transparent;
  252.                 text-decoration: underline;
  253.             }
  254.         </style>
  255.     </head>
  256.  
  257.     <body>
  258.         <!-- colors:
  259.             Navy Blue: #0F1626
  260.             Leather: #AB987A
  261.             Coral: #FF533D
  262.             Eggshell: #F5F5F5 -->
  263.         <!-- Navigational Bar -->
  264.         <ul>
  265.             <li>
  266.                 <a class="active" href="#home">Home</a>
  267.             </li>
  268.             <li>
  269.                 <a href="#video">Video</a>
  270.             </li>
  271.             <li>
  272.                 <a href="#portfolio">Portfolio</a>
  273.             </li>
  274.             <li>
  275.                 <a href="#contacts">Contacts</a>
  276.             </li>
  277.         </ul>
  278.         <!-- CV like introduction -->
  279.         <a name="home"></a>
  280.         <div class="CVbackground">
  281.             <div class="CVcontent">
  282.                 <font style="font-family: Segoe UI Black; font-size: 2.5em; color: #FF533D;">
  283.                     <i> Nikolay Milenkov </i>
  284.                 </font>
  285.                 </br>
  286.                 <font style="font-family: Ariel; font-size: 1.8em; color: #0F1626;">
  287.                     <b> Visual Artist </b>
  288.                 </font>
  289.                 <p class="CVintro">
  290.                     <img class="icons" src="IMG/Icons/user.png"> About me: </p>
  291.                 <p class="CVtext"> Outgoing, positive and adaptive are some of the best words </br>
  292.                     that can describe me. I take every task seriously </br>
  293.                     and work hard to achieve it with the best possible results. </br>
  294.                     Very balanced, calm and patient, </br>
  295.                     communicating with people is joy for me </br>
  296.                     and I can confidently say that I have no trouble </br>
  297.                     socializing and building comfort. </br>
  298.                     I am energetic and motivated, </br>
  299.                     always learning or/and working on new things. </p>
  300.                 <p class="CVintro">
  301.                     <img class="icons" src="IMG/Icons/pencil.png"> Skills: </p>
  302.                 <p class="CVtext"> As an artist I have tried many different digital crafts </br>
  303.                     and I have the desire to learn a lot more. I have experience </br>
  304.                     with photo and video-editing, digital sketching, </br>
  305.                     but I am most competent with 3D modeling and sculpting. </br>
  306.                     I am very familiar with the both hard surface and organic </br>
  307.                     modeling workflows. I can even work </br>
  308.                     on the textures of my models. Rigging and animating are </br>
  309.                     also things that I am familiar with, </br>
  310.                     but there is a lot more to learn in this area. </br>
  311.                     Overall I have competence in many different areas, </br>
  312.                     but I am yet to develop my skills on professional level. </p>
  313.                 <p class="CVintro">
  314.                     <img class="icons" src="IMG/Icons/education.png"> Education: </p>
  315.                 <table border="1" cellspacing="0" align="center">
  316.                     <tr>
  317.                         <td class="CVtable">2013-2018:</td>
  318.                         <td class="CVtable">91. Deutschsprachiges Gymnasium „Prof. Dr. Konstantin Galabov“</td>
  319.                     </tr>
  320.                     <tr>
  321.                         <td class="CVtable">2010-2013:</td>
  322.                         <td class="CVtable">First Private Mathematical Gymnasium</td>
  323.                     </tr>
  324.                     <tr>
  325.                         <td class="CVtable">2006-2010:</td>
  326.                         <td class="CVtable">Primary School „St. Kliment Ohridski“</td>
  327.                     </tr>
  328.                 </table>
  329.             </div>
  330.         </div>
  331.         <!-- Video Intro -->
  332.         <a name="video"></a>
  333.         <div class="video" align="center">
  334.             <p style="font-family: Segoe UI Black; color: #F5F5F5; font-size: 1.2em;">
  335.                 <i> Video Introduction </i>
  336.             </p>
  337.             <video width="800" controls>
  338.                 <source src="IMG/videotest1.mp4" type="video/mp4">
  339.                 <source src="IMG/videotest1.ogg" type="video/ogg">
  340.             </video>
  341.         </div>
  342.         <!-- Portfolio -->
  343.         <a name="portfolio"></a>
  344.         <div class="portfolioAll">
  345.             <p style="text-align:center; font-family: Segoe UI Black; font-size: 2.5em; color: #F5F5F5;">
  346.                 <i> Portfolio </i>
  347.             </p>
  348.             <p style="text-align:center; font-family: Cambria; font-size: 1.5em; color: #F5F5F5;"> Click on the pictures to see them in full view! </p>
  349.             <div class="PorfolioMenu">
  350.                 <a href="javascript:void(0)" onclick="openMenu(event, 'Helmet');" id="myLink">
  351.                     <div class="ProjectName tablink"> Stormtrooper Helmet </div>
  352.                 </a>
  353.                 <a href="javascript:void(0)" onclick="openMenu(event, 'Knight');">
  354.                     <div class="ProjectName tablink"> Cartoonish Knight </div>
  355.                 </a>
  356.                 <a href="javascript:void(0)" onclick="openMenu(event, 'Wing');">
  357.                     <div class="ProjectName tablink"> X-Wing </div>
  358.                 </a>
  359.                 <a href="javascript:void(0)" onclick="openMenu(event, 'Shield');">
  360.                     <div class="ProjectName tablink"> Shield Maiden </div>
  361.                 </a>
  362.             </div>
  363.  
  364.             <div class="clearfix"></div>
  365.  
  366.             <div class="PortfolioContent">
  367.                 <div id="Helmet" class="ProjectContent menu">
  368.                     <p class="pTitle"> Stormtrooper Helmet </p>
  369.                     <p class="pText"> This is my representation of the famous stormtrooper helmets from "Star Wars"! With this project I want to show, that
  370.                         I know how to create a smooth and practical hard surface model and that I can work with UVs and textures. </p>
  371.                     <p class="pText"> I worked with a lot of references and I managed to make the general shape pretty good. The colors and some details are
  372.                         more or less my artistic choice. </p>
  373.                     <p class="pText"> Overall I am pretty satisfied with this project. I used what I have learned from previous projects and learned a bit
  374.                         more, in order to produce this simple, but high-quality model! </p>
  375.  
  376.                     <div class="gallery">
  377.                         <a target="_blank" href="IMG/Helmet/Base1.jpg">
  378.                             <img src="IMG/Helmet/Base1.jpg">
  379.                         </a>
  380.                         <div class="desc">Front View</div>
  381.                     </div>
  382.                     <div class="gallery">
  383.                         <a target="_blank" href="IMG/Helmet/Base2.jpg">
  384.                             <img src="IMG/Helmet/Base2.jpg">
  385.                         </a>
  386.                         <div class="desc">Trying some other light</div>
  387.                     </div>
  388.                     <div class="gallery">
  389.                         <a target="_blank" href="IMG/Helmet/Base3.jpg">
  390.                             <img src="IMG/Helmet/Base3.jpg">
  391.                         </a>
  392.                         <div class="desc">Darker light</div>
  393.                     </div>
  394.                     <div class="gallery">
  395.                         <a target="_blank" href="IMG/Helmet/FromBottom.jpg">
  396.                             <img src="IMG/Helmet/FromBottom.jpg">
  397.                         </a>
  398.                         <div class="desc">From the Bottom</div>
  399.                     </div>
  400.                     <div class="gallery">
  401.                         <a target="_blank" href="IMG/Helmet/SideLeft.jpg">
  402.                             <img src="IMG/Helmet/SideLeft.jpg">
  403.                         </a>
  404.                         <div class="desc">Side View</div>
  405.                     </div>
  406.                     <div class="gallery">
  407.                         <a target="_blank" href="IMG/Helmet/SideRight.jpg">
  408.                             <img src="IMG/Helmet/SideRight.jpg">
  409.                         </a>
  410.                         <div class="desc">Side View 2</div>
  411.                     </div>
  412.  
  413.                     <div class="clearfix"></div>
  414.                    
  415.                     <div id="project"></div>
  416.                     <script>
  417.                         var myviewer = new marmoset.WebViewer( 800, 600, 'Helmet_VR.mview');
  418.                         var projectDiv = document.getElementById("project");
  419.                         projectDiv.appendChild(myviewer.domRoot);
  420.                         myviewer.loadScene();
  421.                     </script>
  422.  
  423.                     <div class="clearfix"></div>
  424.  
  425.                     <div style="padding:20px;">
  426.                         <p class="madewith"> This project was made with: </p>
  427.                         <div class="galleryicon">
  428.                             <img src="IMG/Icons/maya.png" class="icons3">
  429.                         </div>
  430.                         <div class="galleryicon">
  431.                             <img src="IMG/Icons/substance.png" class="icons3">
  432.                         </div>
  433.                         <div class="galleryicon">
  434.                             <img src="IMG/Icons/photoshop.png" class="icons3">
  435.                         </div>
  436.                         <div class="galleryicon">
  437.                             <img src="IMG/Icons/marmoset.png" class="icons3">
  438.                         </div>
  439.                     </div>
  440.  
  441.                 </div>
  442.                 <div id="Knight" class="ProjectContent menu">
  443.                     <p class="pTitle"> Cartoonish Knight </p>
  444.                     <p class="pText"> Animation and rigging are not my greatest strengths, but I can still confidently say, that I know how to make them and
  445.                         that in time, with enough practice, I will expand my skills in this areas. </p>
  446.                     <p class="pText"> In this project I made a simple and easy to rig character, on which I can make some simple game animations. </p>
  447.                     <p style="color: #FF533D; font-family: Cambria; font-size: 1.2em;"> Unfortunately due to unexpected problems in Maya, I do not have the ability to export the animations properly, but I
  448.                         am working on finding solution! </p>
  449.  
  450.                     <div class="gallery">
  451.                         <a target="_blank" href="IMG/Knight/running.mp4">
  452.                             <img src="IMG/Knight/running.gif">
  453.                         </a>
  454.                         <div class="desc">Running Animation</div>
  455.                     </div>
  456.                     <div class="gallery">
  457.                         <a target="_blank" href="IMG/Knight/standing.mp4">
  458.                             <img src="IMG/Knight/standing.gif">
  459.                         </a>
  460.                         <div class="desc">Standing Animation</div>
  461.                     </div>
  462.                     <div class="gallery">
  463.                         <a target="_blank" href="IMG/Knight/fight.mp4">
  464.                             <img src="IMG/Knight/fight.gif">
  465.                         </a>
  466.                         <div class="desc">Fighting and Death Animation</div>
  467.                     </div>
  468.  
  469.                     <div class="clearfix"></div>
  470.  
  471.                     <p class="madewith"> This project was made with: </p>
  472.                     <div class="galleryicon">
  473.                         <img src="IMG/Icons/maya.png" class="icons3">
  474.                     </div>
  475.                     <div class="galleryicon">
  476.                         <img src="IMG/Icons/zbrush.png" class="icons3">
  477.                     </div>
  478.                     <div class="galleryicon">
  479.                         <img src="IMG/Icons/photoshop.png" class="icons3">
  480.                     </div>
  481.                     <div class="galleryicon">
  482.                         <img src="IMG/Icons/substance.png" class="icons3">
  483.                     </div>
  484.                     <div class="galleryicon">
  485.                         <img src="IMG/Icons/marmoset.png" class="icons3">
  486.                     </div>
  487.                 </div>
  488.  
  489.                 <div id="Wing" class="ProjectContent menu">
  490.                     <p class="pTitle"> X-Wing Starfighter </p>
  491.                     <p class="pText"> Yes another "Star Wars" related project, but to be honest, you can draw so much inspiration from George Lucas's movies!
  492.                         This is the iconic X-Wing, a very beautiful and elegant design, liked by many. </p>
  493.                     <p class="pText"> With this project I have taken my hardsurface modeling skills and pushed them a bit further. It was a challenge to make
  494.                         so complex and rich in details model. Working on this model have thought me, at least a bit, how to work faster and
  495.                         managed my time better, skill that is very important, but hard to master. </p>
  496.                     <p class="pText"> I like what I have done, but in the near future I would like to remake it, in order to make it even better, with more
  497.                         detail and textures. </p>
  498.  
  499.                     <div class="gallery">
  500.                         <a target="_blank" href="IMG/X-Wing/wing1.png">
  501.                             <img src="IMG/X-Wing/wing1.png">
  502.                         </a>
  503.                         <div class="desc">Front View</div>
  504.                     </div>
  505.                     <div class="gallery">
  506.                         <a target="_blank" href="IMG/X-Wing/wing2.png">
  507.                             <img src="IMG/X-Wing/wing2.png">
  508.                         </a>
  509.                         <div class="desc">Back View</div>
  510.                     </div>
  511.                     <div class="gallery">
  512.                         <a target="_blank" href="IMG/X-Wing/wing3.png">
  513.                             <img src="IMG/X-Wing/wing3.png">
  514.                         </a>
  515.                         <div class="desc">Top View</div>
  516.                     </div>
  517.                     <div class="gallery">
  518.                         <a target="_blank" href="IMG/X-Wing/wing4.png">
  519.                             <img src="IMG/X-Wing/wing4.png">
  520.                         </a>
  521.                         <div class="desc">Top-Front</div>
  522.                     </div>
  523.                     <div class="gallery">
  524.                         <a target="_blank" href="IMG/X-Wing/wing5.png">
  525.                             <img src="IMG/X-Wing/wing5.png">
  526.                         </a>
  527.                         <div class="desc">Lower Angle</div>
  528.                     </div>
  529.                     <div class="gallery">
  530.                         <a target="_blank" href="IMG/X-Wing/wing6.png">
  531.                             <img src="IMG/X-Wing/wing6.png">
  532.                         </a>
  533.                         <div class="desc">Back View 2</div>
  534.                     </div>
  535.  
  536.                     <div class="clearfix"></div>
  537.  
  538.                     <p class="madewith"> This project was made with: </p>
  539.                     <div class="galleryicon">
  540.                         <img src="IMG/Icons/maya.png" class="icons3">
  541.                     </div>
  542.                     <div class="galleryicon">
  543.                         <img src="IMG/Icons/zbrush.png" class="icons3">
  544.                     </div>
  545.                     <div class="galleryicon">
  546.                         <img src="IMG/Icons/photoshop.png" class="icons3">
  547.                     </div>
  548.                     <div class="galleryicon">
  549.                         <img src="IMG/Icons/substance.png" class="icons3">
  550.                     </div>
  551.                     <div class="galleryicon">
  552.                         <img src="IMG/Icons/marmoset.png" class="icons3">
  553.                     </div>
  554.                 </div>
  555.  
  556.                 <div id="Shield" class="ProjectContent menu">
  557.                     <p class="pTitle"> Shield Maiden </p>
  558.                     <p class="pText"> This was definitely the biggest and most complex project I have done for the moment. With this project I want to show,
  559.                         that I am competent in creating a full character, from start to finish! I have done historical and artistic research,
  560.                         tumbnails and overpaints, modeling, sculpting, posing, everything in order to produce a full character! It is also
  561.                         to show, that I can make organic sculptures. </p>
  562.                     <p class="pText"> The idea from the most part came from the TV series "Vikings". The character Lagertha was a real ispiration for me.
  563.                         I wanted to create a female character, that is strong and fearless, but at the same time still feminine. For the aesthetics
  564.                         and style I was going for something a bit like "Overwatch", but I still added my own style. </p>
  565.                     <p class="pText"> In the following images, I will show you how I created the character step by step. Overall I am satisfied with the result
  566.                         of this challenging project, but I realize, that there is much more to learn and practice. Without a doubt my next
  567.                         characters would be better! </p>
  568.  
  569.                     <div class="gallery">
  570.                         <a target="_blank" href="IMG/Maiden/Tumbnails_1.jpg">
  571.                             <img src="IMG/Maiden/Tumbnails_1A.jpg">
  572.                         </a>
  573.                         <div class="desc">First Tumbnails</div>
  574.                     </div>
  575.                     <div class="gallery">
  576.                         <a target="_blank" href="IMG/Maiden/Tumbnails_2.3.jpg">
  577.                             <img src="IMG/Maiden/Tumbnails_2.3A.jpg">
  578.                         </a>
  579.                         <div class="desc">Tumbnails that were close to what I was looking for</div>
  580.                     </div>
  581.                     <div class="gallery">
  582.                         <a target="_blank" href="IMG/Maiden/Tumbnails_Fin.jpg">
  583.                             <img src="IMG/Maiden/Tumbnails_FinA.jpg">
  584.                         </a>
  585.                         <div class="desc">These is the last tumbnail with some instructions and things to keep in mind</div>
  586.                     </div>
  587.                     <div class="gallery">
  588.                         <a target="_blank" href="IMG/Maiden/Final.png">
  589.                             <img src="IMG/Maiden/FinalA.png">
  590.                         </a>
  591.                         <div class="desc">This is the body of the character. I tried to balance anatomical correctness and stylization</div>
  592.                     </div>
  593.                     <div class="gallery">
  594.                         <a target="_blank" href="IMG/Maiden/First.png">
  595.                             <img src="IMG/Maiden/FirstA.png">
  596.                         </a>
  597.                         <div class="desc">Default Pose</div>
  598.                     </div>
  599.                     <div class="gallery">
  600.                         <a target="_blank" href="IMG/Maiden/Second.png">
  601.                             <img src="IMG/Maiden/SecondA.png">
  602.                         </a>
  603.                         <div class="desc">Alerted Pose</div>
  604.                     </div>
  605.                     <div class="gallery">
  606.                         <a target="_blank" href="IMG/Maiden/Third.png">
  607.                             <img src="IMG/Maiden/ThirdA.png">
  608.                         </a>
  609.                         <div class="desc">Darker Light</div>
  610.                     </div>
  611.                     <div class="gallery">
  612.                         <a target="_blank" href="IMG/Maiden/Forth.png">
  613.                             <img src="IMG/Maiden/ForthA.png">
  614.                         </a>
  615.                         <div class="desc">Relaxed Pose</div>
  616.                     </div>
  617.                     <div class="gallery">
  618.                         <a target="_blank" href="IMG/Maiden/Fifth.png">
  619.                             <img src="IMG/Maiden/FifthA.png">
  620.                         </a>
  621.                         <div class="desc">Closeup</div>
  622.                     </div>
  623.                     <div class="gallery">
  624.                         <a target="_blank" href="IMG/Maiden/Six.png">
  625.                             <img src="IMG/Maiden/SixA.png">
  626.                         </a>
  627.                         <div class="desc">Battle Pose</div>
  628.                     </div>
  629.                     <div class="gallery">
  630.                         <a target="_blank" href="IMG/Maiden/Sevenn.png">
  631.                             <img src="IMG/Maiden/SevennA.png">
  632.                         </a>
  633.                         <div class="desc">Darker Light</div>
  634.                     </div>
  635.  
  636.  
  637.                     <div class="clearfix"></div>
  638.  
  639.                     <p class="madewith"> This project was made with: </p>
  640.                     <div class="galleryicon">
  641.                         <img src="IMG/Icons/photoshop.png" class="icons3">
  642.                     </div>
  643.                     <div class="galleryicon">
  644.                         <img src="IMG/Icons/zbrush.png" class="icons3">
  645.                     </div>
  646.                     <div class="galleryicon">
  647.                         <img src="IMG/Icons/maya.png" class="icons3">
  648.                     </div>
  649.                     <div class="galleryicon">
  650.                         <img src="IMG/Icons/marvelous.png" class="icons3">
  651.                     </div>
  652.                     <div class="galleryicon">
  653.                         <img src="IMG/Icons/substance.png" class="icons3">
  654.                     </div>
  655.                     <div class="galleryicon">
  656.                         <img src="IMG/Icons/marmoset.png" class="icons3">
  657.                     </div>
  658.                 </div>
  659.             </div>
  660.         </div>
  661.         <!-- Contacts -->
  662.         <a name="contacts"></a>
  663.         <div class="Contacts">
  664.             <div class="ContactInfo">
  665.                 <p style="text-align:center; font-family: Segoe UI Black; font-size: 2.5em; color: #F5F5F5;">
  666.                     <i> Contacts: </i>
  667.                 </p>
  668.                 <p style="text-align:center; font-family: Cambria; font-size: 1.2em; color: #0F1626;">
  669.                     <i> Those are the various ways you can contact me </br>
  670.                         if you think my skills would be useful to you in any way: </i>
  671.                     </br>
  672.                     </br>
  673.                     </br>
  674.                     <img class="icons2" src="IMG/Icons/mail.png">
  675.                     <p class="contacts" style="color: #0F1626;"> niki.milenkov@protonmail.com </p>
  676.                     <img class="icons2" src="IMG/Icons/Phone.png">
  677.                     <p class="contacts" style="color: #0F1626;"> +359 88 4942990 </p>
  678.                     <img class="icons2" src="IMG/Icons/facebook.png">
  679.                     <a href="https://www.facebook.com/nikimil" class="social" target="/blank">
  680.                         <p class="contacts"> Niki Milenkov </p>
  681.                     </a>
  682.                     <img class="icons2" src="IMG/Icons/artstation.png">
  683.                     <a href="https://www.artstation.com/nikmil" class="social" target="/blank">
  684.                         <p class="contacts"> Niki Milenkov </p>
  685.                     </a>
  686.             </div>
  687.         </div>
  688.         <script>
  689.             function openMenu(evt, menuName) {
  690.                 var i, x, tablinks;
  691.                 x = document.getElementsByClassName("menu");
  692.                 for (i = 0; i < x.length; i++) {
  693.                     x[i].style.display = "none";
  694.                 }
  695.                 tablinks = document.getElementsByClassName("tablink");
  696.                 for (i = 0; i < x.length; i++) {
  697.                     tablinks[i].className = tablinks[i].className.replace(" w3-dark-grey", "");
  698.                 }
  699.                 document.getElementById(menuName).style.display = "block";
  700.                 evt.currentTarget.firstElementChild.className += " w3-dark-grey";
  701.             }
  702.             document.getElementById("myLink").click();
  703.         </script>
  704.     </body>
  705.  
  706. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!