portfolio/index.html at main · cheat2001/portfolio · GitHub

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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>I'm Cheat</title>
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
      integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    />
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div class="container">
      <div class="page page1">
        <h1>Portfolio</h1>
        <button class="btn btn1">Click To Home</button>
      </div>
      <div class="page page2">
        <!-- Home page start -->
        <div class="home-container">
          <div class="home-left-side">
            <h3 class="welcome home-content">Welcome To My Portfolio</h3>
            <h1 class="home-content">
              Hi! I'm <span class="cheat">Chansocheat</span>
            </h1>
            <h1 class="home-content">Computer Science Student</h1>
            <p class="home-description home-content">
              I'm Chansocheat the kind of person that's curious about a new
              technoloy that's broad around the world I really crazy about
              coding.
            </p>
          </div>
          <div class="home-right-side">
            <img width="350" src="images/frame.jpg" alt="" />
          </div>
        </div>
        <!-- Home page end -->

        <button class="btn btn2">Click To About</button>
      </div>
      <div class="page page3">
        <!-- About me Start -->

        <div class="about-container">
          <h1>About Me</h1>

          <p class="about-decription">
            Hey! My name is Sok Chansocheat. I am 93*6/2+42-300 years old. I
            have been studying as a student at the Royal University of Phnom
            Penh over 3 years. I chose to major in computer science because I've
            loved fixing and building some technology equipment since I was a
            teenager, that bodes well for my interest in a job in IT. I am
            passionate about leaning new skills and I have completed a number of
            training courses. When I have some free time I like to research
            something on the internet, write some code, play soccer, listening
            to music, and sometimes I also like to play games on my phone as
            well.
          </p>
        </div>
        <!-- About me End -->

        <button class="btn btn3">Click To Skills</button>
      </div>
      <div class="page page4">
        <!-- Skills start -->

        <!-- Skills end -->

        <button class="btn btn4">Click To Project</button>
      </div>
      <div class="page page5">
        <!-- Project Start -->
        <div class="project-container">
          <div class="slide-container">
            <div class="slide slide1">
              <img src="images/kub.jpg" alt="" />
              <a href="https://kubpengpaong.web.app/" target="_blank"
                >Click To Play</a
              >
            </div>
            <div class="slide slide2">
              <img src="images/vaikaorm.png" alt="" />
              <a href="https://vaikaorm.web.app/" target="_blank"
                >Click To Play</a
              >
            </div>
            <div class="slide slide3">
              <img src="images/quiz.png" alt="" />
              <a href="https://cheatquiz.pages.dev/" target="_blank"
                >Click To Play</a
              >
            </div>
            <div class="slide slide4">
              <img src="images/telegram.png" alt="" />
            </div>
            <div class="slide slide5">
              <h1>More And More...</h1>
            </div>
          </div>
          <div class="btn-container">
            <button class="btn-change prev">prev</button>
            <button class="btn-change next">next</button>
          </div>
        </div>
        <!-- Project End -->

        <button class="btn btn5">Click To Contact</button>
      </div>
      <div class="page page6">
        <!-- Contact page start -->
        <div class="contact-block">
          <h1>Social Media</h1>
          <div class="social-media-link">
            <a
              href="https://web.facebook.com/sok.chansocheat.1/"
              target="_blank"
              ><i class="fa-brands fa-facebook fa-3x"></i
            ></a>
            <a href="https://twitter.com/ChansocheatS" target="_blank"
              ><i class="fa-brands fa-twitter fa-3x"></i
            ></a>
            <a
              href="https://www.youtube.com/channel/UCMkJYvhmN0hdPO5oLsQEmbA"
              target="_blank"
              ><i class="fa-brands fa-youtube fa-3x"></i
            ></a>
            <a href="https://github.com/cheat2001" target="_blank"
              ><i class="fa-brands fa-github fa-3x"></i
            ></a>
          </div>
          <h1>Phone Number</h1>
          <div class="phone-number-block">
            <h1>096 5674 356</h1>
            <h1>067 801 966</h1>
          </div>
        </div>
        <!-- Contact page end -->

        <button class="close">Click To Close</button>
      </div>
    </div>
    <script src="app.js"></script>
  </body>
</html>