repl.it
@CKaps1/

Christian Kapsales

HTML, CSS, JS

Website -- will include projects, blog and resume. Computer Science and Academic Based.

fork
loading
Files
  • index.html
  • blog.html
  • keybase.txt
  • Projects.html
  • Resume.html
  • script-blog.js
  • script.js
  • style-blog.css
  • style.css
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <meta name ="Author" content = "Christian Kapsales">
    <meta name = "keywords" content = "webiste, computer science, programming, coding">
    <meta name = "description" content = "blog and tutorials">
     <link href="style.css" rel="stylesheet" type="text/css" />

    <div class = "special">
    <a href = "https://github.com/CKaps1">Projects</a>
    <a href = "Resume.html">Resume</a>
    <a href = "blog.html">Blog</a>
    </div>

    <img src = "https://vignette.wikia.nocookie.net/kiseijuu/images/0/0f/Shinichi-school.jpg/revision/latest/scale-to-width-down/300?cb=20150511090106" width = "75" height = "65" align = "right"> 

   <h2 title = "Christian Kapsales">Christian Kapsales</h2>

  </head>

  <body>
    <div id = "Introduction">
     <p> Hello there! </p> 
     
     <br>

       <p class="tab">My name is Christian Kapsales and I am a secondary school student </p><p> attending Malvern Collegiate Institute in the TDSB. <br> <br>

        <p class="tab">I am interested in Computer Science and Engineering. Some of my hobbies </p><p> include playing chess, piano, running, rock climbing or any other physical activity!</p>

        <br>

      <p class = "tab">
      Currently I am focusing on the Robotics and CS club as well as Coding </p>
      <p> Competitions and Hackathons. </p></div>

      <hr>

      <div class = "normal">
        <p><strong><u> Online you can find me on a variety of sites:</u></strong></p><br>
        <ul>
          <li><a href = "https://github.com/CKaps1">Github</a></li>
          <li><a href = "https://repl.it/@CKaps1">Repl.it</a></li>
          <li><a href = "https://dmoj.ca/user/Shinichi"> DMOJ </a></li>
          <li><a href = "https://codeforces.com/profile/This.Ckaps"> Codeforces </a></li>
        </ul>

        <p class = "tab">You might recognize me by the username I use on most websites — </p> <p>This.CKaps, This_CKaps, or a variation thereof ('Shinichi' is exclusive </p> <p> to DMOJ).</p>

        <hr>
        <div class = "normal">
          <h3 class = "headerfont"> Contact </h3>
          <ul>
            <li><a href = "mailto:[email protected]? subject = Christian Kapsales Website"><img src = "https://p7.hiclipart.com/preview/807/26/324/envelope-mail-icon-envelope-png.jpg" height = "17" width = "17">  [email protected] </a> </li>

            <li><a href = "https://keybase.io/ckaps"><img src = "https://user-images.githubusercontent.com/6586275/27000727-79aa2942-4df3-11e7-94ca-079130731210.png" height = "19" width = "17"> Keybase.io </a> </li>

            <li> <a href = "https://www.linkedin.com/in/christian-kapsales-10593217a/"> <img src = " https://i7.pngguru.com/preview/719/545/184/social-media-computer-icons-linkedin-cv-thumbnail.jpg" height = "17" width = "17"> Linkedin </a> </li>
            </div>

            <br>

        <div class = "normal">
          <h4 class = "headerfont"> About to Click Away? </h4> <hr>
         <strong> <i> <p class = "tab"> If so: </p></i></strong>
         <p> Don't be afraid to check out my <a href = "Projects.html"> Projects</a>. Perhaps you are interested in my <a href = "Resume.html">Resume? </a> </p> <p>Or even my <a href = "blog.html">blog </a>where I ramble on about competitive programming, programming practices and fun/cool events that are happening. </p> 
        </div>

<!-- Joris Shoutout
        <div class = "normal">
          <strong> <i> <p class = "tab"> Otherwise:
 </p></i></strong>
 <p> If you are interested in game development I would highly suggest checking out this website: <a href -->
         
         
    <script src="script.js"></script>
  </body>
</html>
result
console