API tools faq
paste
Advertisement
Guest User

Juliano Gouveia HTML StackOverflow

a guest
Feb 25th, 2024
81
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 6.73 KB | Source Code | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <link href="https://fonts.googleapis.com/css?family=Helvetica&display=swap" rel="stylesheet" />
  5.     <link href="./css/main.css" rel="stylesheet" />
  6.     <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
  7.     <title>Juliano Gouveia</title>
  8. </head>
  9. <body>
  10.     <div class="fullpage section">
  11.         <div class="introduction">
  12.             <span class="name_intro">Hello! I'm Juliano Gouveia</span>
  13.             <span class="student_intro">Student at Ada, The National College For Digital Skills</span>
  14.         </div>
  15.     </div>
  16.     <div class="aboutme section">
  17.         <span class="aboutme_title">About Me</span>
  18.         <span class="aboutme_statement">I am a passionate student with a strong interest in Computer Science. I am studying the Extended Computer Science BTEC at Ada National College for Digital Skills. I am mostly interested in games development, software development, website development, cybersecurity and app development.</span>
  19.     </div>
  20.     <div class="education section">
  21.         <span class="education_title">Education</span>
  22.         <div class="ada_grouped"></div>
  23.         <span class="ada_name">Ada, The National College For Digital Skills</span>
  24.         <span class="ada_year">2023-2025</span>
  25.     </div>
  26.     <div class="skills section">
  27.         <span class="skills_title">Skills</span>
  28.         <div class="htmlimage"></div>
  29.         <span class="html">HTML</span>
  30.         <div class="cssimage"></div>
  31.         <span class="css">CSS</span>
  32.         <div class="jsimage"></div>
  33.         <span class="js">JavaScript</span>
  34.         <div class="pyimage"></div>
  35.         <span class="py">Python</span>
  36.     </div>
  37.     <div class="experience section">
  38.         <span class="experience_title">Experiences</span>
  39.         <div class="firstexpimage"></div>
  40.         <span class="firstexp">SalseForce</span>
  41.         <span class="firstexpyear">2023</span>
  42.         <div class="secondexpimage"></div>
  43.         <span class="secondexp">Bank Of America</span>
  44.         <span class="secondexpyear">2024</span>
  45.     </div>
  46.     <div class="footer section">
  47.         <div class="gradient"></div>
  48.         <div class="v4_8">
  49.         </div>
  50.         <span class="footername"><a href="mailto:juliano@julianogouveia.com?subject=Enquiry" style="color: #000000;text-decoration:none;">Juliano Gouveia</a></span>
  51.         <div class="footericons">
  52.             <div class="linkedin">
  53.               <a href="https://www.linkedin.com/in/juliano-gouveia-378223284/" class="social-button" id="linkedin-button">
  54.                   <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="48" height="48" viewBox="0 0 48 48">
  55.                     <path fill="#0288D1" d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z"></path>
  56.                     <path fill="#FFF" d="M12 19H17V36H12zM14.485 17h-.028C12.965 17 12 15.888 12 14.499 12 13.08 12.995 12 14.514 12c1.521 0 2.458 1.08 2.486 2.499C17 15.887 16.035 17 14.485 17zM36 36h-5v-9.099c0-2.198-1.225-3.698-3.192-3.698-1.501 0-2.313 1.012-2.707 1.99C24.957 25.543 25 26.511 25 27v9h-5V19h5v2.616C25.721 20.5 26.85 19 29.738 19c3.578 0 6.261 2.25 6.261 7.274L36 36 36 36z"></path>
  57.                   </svg>
  58.                 </a>
  59.             </div>
  60.             <div class="x">
  61.               <a href="https://twitter.com/juliano_jg_" class="social-button" id="x-button">
  62.                 <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="48" height="48" viewBox="0,0,256,256"
  63.                style="fill:#000000;">
  64.                 <g fill="#000000" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(10.66667,10.66667)"><path d="M2.36719,3l7.0957,10.14063l-6.72266,7.85938h2.64063l5.26367,-6.16992l4.31641,6.16992h6.91016l-7.42187,-10.625l6.29102,-7.375h-2.59961l-4.86914,5.6875l-3.97266,-5.6875zM6.20703,5h2.04883l9.77734,14h-2.03125z"></path></g></g>
  65.                 </svg>
  66.                 </a>
  67.             </div>
  68.             <div class="instagram">
  69.               <a href="https://www.instagram.com/juliano.jg_/" class="social-button" id="instagram-button">
  70.                   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48">
  71.                       <radialGradient id="yOrnnhliCrdS2gy~4tD8ma_Xy10Jcu1L2Su_gr1" cx="19.38" cy="42.035" r="44.899" gradientUnits="userSpaceOnUse">
  72.                           <stop offset="0" stop-color="#fd5"></stop>
  73.                           <stop offset=".328" stop-color="#ff543f"></stop>
  74.                           <stop offset=".348" stop-color="#fc5245"></stop>
  75.                           <stop offset=".504" stop-color="#e64771"></stop>
  76.                           <stop offset=".643" stop-color="#d53e91"></stop>
  77.                           <stop offset=".761" stop-color="#cc39a4"></stop>
  78.                           <stop offset=".841" stop-color="#c837ab"></stop>
  79.                       </radialGradient>
  80.                       <path fill="url(#yOrnnhliCrdS2gy~4tD8ma_Xy10Jcu1L2Su_gr1)" d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20    c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z"></path>
  81.                       <radialGradient id="yOrnnhliCrdS2gy~4tD8mb_Xy10Jcu1L2Su_gr2" cx="11.786" cy="5.54" r="29.813" gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse">
  82.                           <stop offset="0" stop-color="#4168c9"></stop>
  83.                           <stop offset=".999" stop-color="#4168c9" stop-opacity="0"></stop>
  84.                       </radialGradient>
  85.                       <path fill="url(#yOrnnhliCrdS2gy~4tD8mb_Xy10Jcu1L2Su_gr2)" d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20    c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z"></path>
  86.                       <path fill="#fff" d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5   s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z"></path>
  87.                       <circle cx="31.5" cy="16.5" r="1.5" fill="#fff"></circle>
  88.                       <path fill="#fff" d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12 C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z"></path>
  89.                   </svg>
  90.               </a>
  91.           </div>
  92.           </div>
  93.     </div>
  94.     <script src="script.js"></script>
  95. </body>
  96. </html>
  97.  
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!