-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtanakaguitar.html
130 lines (121 loc) · 5.47 KB
/
tanakaguitar.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
124
125
126
127
128
129
130
<!DOCTYPE HTML>
<html>
<head>
<title>Tanaka Guitar</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<nav id="nav">
<ul>
<li><a href="https://ncthetruth.github.io/">Home</a></li>
<li>
<a href="#">Project</a>
<ul>
<li>
<a href="#">Binus Chat</a>
<ul>
<li><a href="https://ncthetruth.github.io/binuschat">Binus Chat - Web</a></li>
<li><a href="https://ncthetruth.github.io/binuschat">Soon (Binus Chat - Mobile)</a></li>
</ul>
<li><a href="https://ncthetruth.github.io/researchdatamining">Research Data Mining</a></li>
<li><a href="https://ncthetruth.github.io/earlycare">Early Care</a></li>
<li><a href="https://ncthetruth.github.io/virtualnursingassistant">Virtual Nursing Assistant</a></li>
<li><a href="#">Tanaka Guitar</a></li>
<li><a href="https://ncthetruth.github.io/givemesomecredit">GiveMeSomeCredit</a></li>
</ul>
</li>
<li><a href="https://ncthetruth.github.io/#one">About</a></li>
<li><a href="#">Experience</a>
<ul>
<li><a href="https://ncthetruth.github.io/himti">HIMTI</a></li>
<li><a href="https://ncthetruth.github.io/ureekabinus">Ureeka Binus</a></li>
<li><a href="https://ncthetruth.github.io/graphicdesign">Graphic Design</a></li>
<li><a href="https://ncthetruth.github.io/otherexperience">Other Experience</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<!-- Main -->
<div id="main" class="wrapper style1">
<div class="container">
<header class="major">
<h2 class="bld">Tanaka Guitar</h2>
<p>Tanaka Guitar E-commerce Project</p>
</header>
<div class="row gtr-150">
<div class="col-8 col-12-medium">
<!-- Content -->
<section id="content">
<a href="#" class="image fit"><img src="images/hometanakaguitar.webp" alt="" /></a>
<div class="pmid">
<h3>What is Tanaka Guitar?</h3>
<p>The Tanaka Guitar project is a university assignment where we are
required to create an online store selling guitars. We are only allowed
to use pure HTML, CSS, and JS without utilizing any frameworks. This project
aims to develop our skills in web development and showcase our ability to create
a functional and visually appealing e-commerce platform within the given
constraints. The focus is on implementing a seamless user experience, efficient
design, and interactive features using fundamental web technologies.</p>
<h3>Who is behind Tanaka Guitar?</h3>
<ul>
<li>Nicholas Christopher</li>
<li>David Samuel</li>
</ul>
</div>
</section>
</div>
<div class="col-4 col-12-medium">
<!-- Sidebar -->
<section id="sidebar">
<section>
<h3>Wireframe And Prototype</h3>
<p class="pmid">The Tanaka Guitar project requires the development of a
user-friendly website with an emphasis on an intuitive and easy-to-navigate
interface, ensuring a positive user experience. The design approach prioritizes
accessibility and enjoyment for visitors to the online guitar store, promoting
usability and engagement. Our goal is to enhance overall user satisfaction
through thoughtful design choices and user-centric features.</p>
<footer>
<ul class="actions">
<li><a href="https://www.figma.com/file/FDHGA98KkJ8rmXqlEpggBS/Project_Figma?type=design&node-id=0%3A1&mode=design&t=YDsNPzz30YZH0qXM-1" class="button">Learn More</a></li>
</ul>
</footer>
</section>
<hr />
<h3>Code Repository (Soon)</h3>
<p class="pmid">We utilize pure HTML, CSS, and JavaScript without framework the Tanaka Guitar project.</p>
</section>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="https://www.linkedin.com/in/nicholas-christopher-081237146/" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
<li><a href="https://www.instagram.com/ncthetruth" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://github.com/ncthetruth" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
</ul>
<ul class="copyright">
<li>ncthetruth.github.io</li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>