-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
97 lines (87 loc) · 3.97 KB
/
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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Justin CH Chong Meta Page</title>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-black.css">
<link rel="stylesheet" href="styles/mystyles.css">
<script src="script.js" defer></script>
</head>
<body class="main-content w3-theme">
<header class="w3-theme">
<section>
<button class="w3-button w3-white w3-xxlarge w3-theme"
onclick="w3_open()">☰</button>
</section>
</header>
<div class="w3-sidebar w3-bar-block w3-animate-left w3-theme" style="display:none" id="mySidebar">
<button class="w3-bar-item w3-button w3-large"
onclick="w3_close()">Close ×</button>
<a href="#" class="w3-bar-item w3-button">Link 1</a>
<a href="#" class="w3-bar-item w3-button">Link 2</a>
<a href="#" class="w3-bar-item w3-button">Link 3</a>
<button class="w3-bar-item w3-button mySidebar-btn" data-cls="myProjects">Projects</button>
<button class="w3-bar-item w3-button mySidebar-btn" data-cls="myWebsites">Websites</button>
</div>
<main class="w3-theme" onclick="w3_close()">
<section class="section w3-container myWebsites sec1 active" id="myWebsites">
<h2>Websites Inventory</h2>
<ul class="w3-ul">
<li><a href="website0/index.html"
class="w3-button w3-green w3-hover-light-green
w3-border w3-border-black">Website 0</a> Basic usage of HTML and CSS for portfolio website.
</li>
<li><a href="website1/index.html"
class="w3-button w3-green w3-hover-light-green
w3-border w3-border-black">Website 1</a> - Advanced usage of Sass CSS and Javascript for dynamic content of portfolio website.
Font awesome library (version 5.15.4) is added with link from cdnjs and Google Fonts are also used.
</li>
<li><a href="website2/index.html"
class="w3-button w3-gray w3-hover-dark-gray
w3-border w3-border-black">Website 2</a> - Pending
</li>
<li><a href="website3/index.html"
class="w3-button w3-gray w3-hover-dark-gray
w3-border w3-border-black">Website 3</a> - Pending
</li>
</ul>
</section>
<!-- <section class="section w3-container myWebsites sec2 active" id="myWebsitesDevLogs">
<h2>Websites Development Logs</h2>
<ul class="w3-ul w3-small">
<li><div class="w3-card-4">
<h5>September 15, 2021</h5>
<p>W3.CSS will be used (pending) and the planning of the respective projects
will be diverted on this page, however, access will be available
to author only with the login and registration system (feature yet
to explore). The respective projects will be showcased in the
portfolio websites.</p>
</div></li>
<li><div class="w3-card-4">
<h5>April 30, 2022</h5>
<p>Concern for the current directory structure of the websites with the coming development plan for exploring Angular and other frameworks.
Upon reaching 5 or more website developed, should consider reorganize current webpage for navigation to different websites and the codes.
</p>
</div></li>
</ul>
</section> -->
<section class="section w3-container myProjects sec3">
<h2>Projects Inventory</h2>
<ul class="w3-ul">
<li>Project 1
</li>
<li>Project 2
</li>
<li>Project 3
</li>
<li>project 4
</li>
</ul>
</section>
</main>
<footer class="w3-theme">
</footer>
</body>
</html>