-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathIndex.html
More file actions
130 lines (120 loc) · 5.86 KB
/
Index.html
File metadata and controls
130 lines (120 loc) · 5.86 KB
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
<!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>Document</title>
<link rel="stylesheet" href="Styles.css">
<link rel="stylesheet" href="../fontawesome-free-6.1.1-web/css/all.css">
</head>
<body>
<nav id="navbar">
<ul class="menu">
<li><a href="#welcome-section">About me</a></li>
<li><a href="#projects">My works</a></li>
<li><a href="#social-media">Contact me</a></li>
</ul>
</nav>
<main>
<section id="welcome-section">
<h1>Hey I am Chogarn</h1>
<p>a web developer</p>
</section>
<section id="projects" class="project-section">
<h2>These are some of my projects</h2>
<div class="projects-grid">
<a class="project " href="https://github.com/Chogarn" id="profile-link" target="_blank">
<img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute.jpg" alt="">
<p class="project-tile">
<span class="code"><</span>
Tribute Page
<span class="code">/></span>
</p>
</a>
<a class="project " href="https://github.com/Chogarn" id="profile-link" target="_blank">
<img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/random-quote-machine.png" alt="">
<p class="project-tile">
<span class="code"><</span>
Random Quote Machine
<span class="code">/></span>
</p>
</a>
<a class="project " href="https://github.com/Chogarn" id="profile-link" target="_blank">
<img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/calc.png" alt="">
<p class="project-tile" >
<span class="code"><</span>
Javascrypt Calculator
<span class="code">/></span>
</p>
</a>
<a class="project " href="https://github.com/Chogarn" id="profile-link" target="_blank">
<img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/map.jpg" alt="">
<p class="project-tile">
<span class="code"><</span>
Map data across the Globe
<span class="code">/></span>
</p>
</a>
<a class="project " href="https://github.com/Chogarn" id="profile-link" target="_blank">
<img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/wiki.png" alt="">
<p class="project-tile">
<span class="code"><</span>
Wikipedia Viewer
<span class="code">/></span>
</p>
</a>
<a class="project" href="https://github.com/Chogarn" id="profile-link" target="_blank">
<img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tic-tac-toe.png" alt="">
<p class="project-tile">
<span class="code"><</span>
Tic Tac Toe Game
<span class="code">/></span>
</p>
</a>
</div>
<a href="https://github.com/Chogarn" id="profile-link" class="button" target="_blank">Show all</a>
</section>
<section id="social-media">
<h2>Let's work together!!!</h2>
<p>you can contact me on any of my social networks</p>
<ul class="social-network">
<li class="onHover">
<a href="https://github.com/Chogarn" id="profile-link" target="_blank">
<i class="fa-brands fa-github"></i>
Github
</a>
</li>
<li class="onHover">
<a href="https://github.com/Chogarn" id="profile-link" target="_blank">
<i class="fa-brands fa-twitter"></i>
Twitter
</a>
</li>
<li class="onHover">
<a href="https://github.com/Chogarn" id="profile-link" target="_blank">
<i class="fa-brands fa-facebook" ></i>
Facebook
</a>
</li>
<li class="onHover">
<a href="https://github.com/Chogarn" id="profile-link" target="_blank">
<i class="fa-brands fa-instagram"></i>
Instagram
</a>
</li>
<li class="onHover">
<a href="https://github.com/Chogarn" id="profile-link" target="_blank">
<i class="fa-brands fa-whatsapp"></i>
Whatsapp
</a>
</li>
</ul>
</section>
</main>
<footer>
<p>**This is just a fake portfolio. All the projects and contact details given are not real.</p>
<p>© Created for freeCodeCamp </p>
</footer>
</body>
</html>