-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
59 lines (55 loc) · 2.43 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>navigationBar</title>
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/responsive.css">
</head>
<body>
<header>
<div id="header-container">
<div class="title-container">
<p class="item-1">Kuromaea</p>
<p class="item-2">Digital Knight</p>
</div>
<div class="description">
<p class="item-1">Front-end</p>
<p class="item-2">Developer</p>
<p class="item-3">Based in Paris</p>
</div>
</div>
</header>
<main class="content-container">
<article>
<div class="article-container item-1">
<h2>Creative Developer</h2>
<p>Creative developers blur the lines between a coder and a designer, using both coding languages and
design applications to create beautiful interactive web interfaces, sites, or applications. Creative
developers create fantastic user experiences with ingenious interactions that are not easy to
replicate.</p>
<p>***</p>
</div>
<div class="sections-container">
<section class="title-section section-1">
<canvas class="divider"></canvas>
<h2 class="text">A creative developer is a skilled professional in high-level design,</h2>
<h2 class="text"> encompassing graphics, interaction, 3D, animation, etc.</h2>
<h2 class="text"> They blend technical expertise with artistic sensibility,</h2>
<h2 class="text"> showcasing a seamless integration of development and creativity.</h2>
</section>
<Section>
<div class="marquee-container">
<p class="marquee-1">1. Learn Front-end Web Programming Languages - </p>
</div>
</Section>
<!-- ADD HERE -->
</div>
</article>
</main>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>
<script src="./app.js"></script>
</body>
</html>