-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdreamcore.html
123 lines (118 loc) · 3.84 KB
/
dreamcore.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Zhi Cheng's Portfolio</title>
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500&family=Roboto:wght@300;400&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="dream.css" />
</head>
<body>
<header>
<nav class="navbar">
<h1 class="logo">Zhi Cheng</h1>
</nav>
</header>
<section class="intro" id="home">
<div class="intro-content">
<div class="image-container">
<img src="images/Zhi Cheng.jpg" alt="Your Name" />
</div>
<div class="text-container">
<h2>Hi, I'm Zhi Cheng</h2>
<p>A student studying about web development</p>
<a href="#projects" class="cta-button">See My Work</a>
</p>
</div>
</div>
</section>
<br /><br />
<section class="about" id="about">
<div class="about-content">
<h3>About Me</h3>
<p>
I'm a passionate student learning about the exciting world of
programming, exploring languages like Scratch, Python, JavaScript,
HTML, and CSS. I'm also eager to dive into game development and learn
how to create immersive experiences on platforms like Roblox.
</p>
</div>
</section>
<section class="education" id="education">
<div class="section-header">
<h3>Education</h3>
</div>
<div class="education-content">
<ul>
<li>Computer Science and Technopreneurship- KOLEJ PERMATA PINTAR</li>
<li>Python Programming Course (Ongoing)</li>
</ul>
</div>
</section>
<section class="projects" id="projects">
<div class="section-header">
<h3>My Projects</h3>
</div>
<div class="project-list">
<div class="project-item">
<img src="images/Aries.png" alt="Project 1" />
<div class="project-info">
<h4>Aries (Team)</h4>
<p>A website that teaches you about exoplanets</p>
<a href="https://codingkatty.github.io/aries/">View Project</a>
</div>
</div>
<div class="project-item">
<img src="images/Lululemon.png" alt="Project 2" />
<div class="project-info">
<h4>Lululemon Clone</h4>
<p>A website clone of Lululemon</p>
<a href="https://violetz12.github.io/Lululemon-Clone/"
>View Project</a
>
</div>
</div>
<div class="project-item">
<img src="images/Find The Key.png" alt="Project 3" />
<div class="project-info">
<h4>FInd the Key</h4>
<p>A scratch escape room game</p>
<a href="https://scratch.mit.edu/projects/1039296896/"
>View Project</a
>
</div>
</div>
</div>
</section>
<section class="contact" id="contact">
<div class="contact-content">
<h3>Contact Me</h3>
<p>
Feel free to reach out to discuss potential collaborations, or just to
say hi!
</p>
<div class="contact-info">
<ul>
<li>Instagram: z_qing12</li>
<li>Github: Violetz12</li>
<li>
My Carrd:
<a href="https://violetz12.carrd.co/#home"
>https://violetz12.carrd.co/#home</a
>
</li>
</ul>
</div>
<p style="text-align: center;
padding: 20px;
font-size: 18px;
color: #fff;
position: relative;;">© 2024 Zhi Cheng. All Rights Reserved.</p>
</div>
</section>
</body>
</html>