-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
135 lines (134 loc) · 6.05 KB
/
about.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
131
132
133
134
135
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/dark-mode.js"></script>
</head>
<body>
<header>
<div id="logo-wrapper">
<a href="index.html">
<img src="assets\contact\logo_real.png" id="logo">
</a>
</div>
<div>
<div class="title">
Graphic Guide
</div>
</div>
<nav>
<ul>
<li>
<a href="about.html">
About Us
</a>
</li>
<li>
<a href="subpage-1.html">
Subpage 1
</a>
</li>
<li>
<a href="subpage-2.html">
Subpage 2
</a>
</li>
<li>
<a href="contact-us.html">
Contact Us
</a>
</li>
</ul>
</nav>
</header>
<main>
<section class="three-cols">
<div class="right-column-img">
<img
alt="Middle image"
src="assets\contact\pic_5.png"
/>
</div>
<div class="mid-column-text">
<h2>What We Do</h2>
<p>
People of all ages are frustrated with not being able to design things online. Graphic
Guide gives you the option to come up with an idea of a design you have always
wanted and to work one on one with a Designer of your choice to come up with it. With
our website we provide you with a choice of Designers of various levels to go and help
you design a logo, web graphics, digital art, online advertising, and much more. Basically
whatever design you want or what ever you want photoshopped we can do and teach you how to
do it.
</p>
</div>
<div class="left-column-img">
<img
alt="Middle image"
src="assets\contact\pic_6.png"
/>
</div>
</section>
<section class="full-cols">
<h2>Our Future Plans</h2>
<p>
My plan is to finally start up a tutorial on how to design what you want
online. I want to start up an online course that can teach anyone on how to
do things they've never thought they could possibly do. I also want to be able
to help everyone around the world design things they could only dream of doing.
</p>
</section>
<section class="full-cols">
<h2>Mission</h2>
<p>
My plans are to be able to get as many designers as I can and help as many people as I can
to design a product they always wanted. I want to be able to teach those same people on how
they will be able to do the same thing they just did later on. My plans is to be able
to teach as many people as I can on how to design there ideal online.
</p>
</section>
<section class="full-cols">
<div class="full-image">
<img
alt="Middle image"
src="assets\contact\pic_7.png"
/>
</div>
</section>
</main>
<footer>
<div id="legal">
© 2021 Graphic Guide. All Rights Reserved.
</div>
<nav>
<ul>
<li>
<a href="style-guide.html">
Style Guide
</a>
</li>
<li>
<a href="wireframes.html">
Wireframes
</a>
</li>
</ul>
</nav>
<div id="dark-mode">
<div class="icon" id="sun-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22.088 13.126l1.912-1.126-1.912-1.126c-1.021-.602-1.372-1.91-.788-2.942l1.093-1.932-2.22-.02c-1.185-.01-2.143-.968-2.153-2.153l-.02-2.219-1.932 1.093c-1.031.583-2.34.233-2.941-.788l-1.127-1.913-1.127 1.913c-.602 1.021-1.91 1.372-2.941.788l-1.932-1.093-.02 2.219c-.01 1.185-.968 2.143-2.153 2.153l-2.22.02 1.093 1.932c.584 1.032.233 2.34-.788 2.942l-1.912 1.126 1.912 1.126c1.021.602 1.372 1.91.788 2.942l-1.093 1.932 2.22.02c1.185.01 2.143.968 2.153 2.153l.02 2.219 1.932-1.093c1.031-.583 2.34-.233 2.941.788l1.127 1.913 1.127-1.913c.602-1.021 1.91-1.372 2.941-.788l1.932 1.093.02-2.219c.011-1.185.969-2.143 2.153-2.153l2.22-.02-1.093-1.932c-.584-1.031-.234-2.34.788-2.942zm-10.117 6.874c-4.411 0-8-3.589-8-8s3.588-8 8-8 8 3.589 8 8-3.589 8-8 8zm6.029-8c0 3.313-2.687 6-6 6s-6-2.687-6-6 2.687-6 6-6 6 2.687 6 6z"/></svg>
</div>
<div id="tgl-wrapper">
<input class="tgl" id="dark-mode-toggle" type="checkbox"/>
<label class="tgl-btn" for="dark-mode-toggle"></label>
</div>
<div class="icon" id="moon-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 10.999c1.437.438 2.562 1.564 2.999 3.001.44-1.437 1.565-2.562 3.001-3-1.436-.439-2.561-1.563-3.001-3-.437 1.436-1.562 2.561-2.999 2.999zm8.001.001c.958.293 1.707 1.042 2 2.001.291-.959 1.042-1.709 1.999-2.001-.957-.292-1.707-1.042-2-2-.293.958-1.042 1.708-1.999 2zm-1-9c-.437 1.437-1.563 2.562-2.998 3.001 1.438.44 2.561 1.564 3.001 3.002.437-1.438 1.563-2.563 2.996-3.002-1.433-.437-2.559-1.564-2.999-3.001zm-7.001 22c-6.617 0-12-5.383-12-12s5.383-12 12-12c1.894 0 3.63.497 5.37 1.179-2.948.504-9.37 3.266-9.37 10.821 0 7.454 5.917 10.208 9.37 10.821-1.5.846-3.476 1.179-5.37 1.179z"/></svg>
</div>
</div>
</footer>
</body>
</html>