-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
67 lines (67 loc) · 2.16 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"
/>
<link
rel="shortcut icon"
href="/src/Imgs/fav-icon.png"
type="image/x-icon"
/>
<link rel="stylesheet" href="./src/css/style.css" />
<script src="src/JS/script.js"></script>
<title>DrawNow</title>
</head>
<body>
<!-- Heading Navigation -->
<header id="header">
<nav id="nav-menu">
<h2 class="Logo" id="header-logo">
Draw Now <span class="material-symbols-outlined"> gesture </span>
</h2>
<ul id="nav-list">
<li class="nav-list"><a href="#about-me">About Me</a></li>
<li class="nav-list"><a href="#my-projects">My Projects</a></li>
<li class="nav-list"><a href="#contact-me">Contact Me</a></li>
</ul>
</nav>
</header>
<main id="HeroSection">
<div id="hero-container">
<div class="animated-img">
<img width="250px" src="/src/Imgs/crayons.gif" alt="" srcset="" />
</div>
<div id="hero-content">
<h1>A Web <span> Drawing </span> Demo App</h1>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Vero
architecto consequuntur magnam error quos delectus necessitatibus
dolore ab nemo quidem quasi eligendi, alias autem nihil ea nostrum
consectetur eos sapiente in aspernatur ullam beatae.
</p>
</div>
<button class="main-button" id="drawing-app-button">
<a href="app.html"> Open App </a>
</button>
</div>
<div class="hero-img">
<img
width="600px"
class="img-1"
src="/src/Imgs/TreewithFlowersVectorIllustration.jpg"
alt=""
/>
<img
width="600px"
class="img-2"
src="/src/Imgs/TreewithFlowersVectorIllustration.jpg"
alt=""
/>
</div>
</main>
</body>
</html>