-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
218 lines (208 loc) · 9.5 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
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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
<!DOCTYPE HTML>
<!--
Hyperspace by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>CVLD Portfolio Page</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">
<!-- Sidebar -->
<section id="sidebar">
<div class="inner">
<nav>
<ul>
<li><a href="#intro">Welcome</a></li>
<li><a href="#one">Who I am</a></li>
<li><a href="#two">What I do</a></li>
<li><a href="#three">Get in touch</a></li>
</ul>
</nav>
</div>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section id="intro" class="wrapper style1 fullscreen fade-up">
<div class="inner">
<h1>My Portfolio // CVLD</h1>
<p>Content Creation, Renders, Textures and Designs! You name it, I may have already done it.
I also produce <a href="https://www.youtube.com/channel/UCG4FitGWxjgEHl_eBCz_FKw">YouTube</a> content! </p>
<ul class="actions">
<li><a href="#one" class="button scrolly">Learn more about me <menu></menu></a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="one" class="wrapper style2 spotlights">
<section>
<a href="#" class="image"><img src="https://pbs.twimg.com/media/Dd03l54V0AE8Rlx.jpg" alt="" data-position="center center" /></a>
<div class="content">
<div class="inner">
<h2>Amazing Render Art</h2>
<p>Renders are truly the most amazing thing you can create in Minecraft! I strive to bring my creations to life using a plethora of programs, like Photoshop
or Cinima 4D.
</p>
<ul class="actions">
<li><a href="elements.html" class="button">My Portfolio</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="#" class="image"><img src="https://i.imgur.com/qxk5lKlg.jpg" alt="" data-position="top center" /></a>
<div class="content">
<div class="inner">
<h2>100% Certified</h2>
<p>I have several certificates in the design field, mostly from Adobe, and all of which were compleated WHILE I was in High-school, showing not just my
commitment to learn and develop, but also my great time management.
</p>
<ul class="actions">
<li><a href="generic.html" class="button">Learn more</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="#" class="image"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/0d98e620-3bb5-4869-8442-ba46a06f4ca1/dbgs5hy-172b544d-01a1-4cea-91d6-6c1d50700efb.png/v1/fill/w_1024,h_576,q_75,strp/adventure_time_render_by_ratchet55-dbgs5hy.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwic3ViIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl0sIm9iaiI6W1t7InBhdGgiOiIvZi8wZDk4ZTYyMC0zYmI1LTQ4NjktODQ0Mi1iYTQ2YTA2ZjRjYTEvZGJnczVoeS0xNzJiNTQ0ZC0wMWExLTRjZWEtOTFkNi02YzFkNTA3MDBlZmIucG5nIiwid2lkdGgiOiI8PTEwMjQiLCJoZWlnaHQiOiI8PTU3NiJ9XV19.Or9kS2J-O25UxeHjAWPNiIyB-NYwCGeFMF0LRj1x9uo" alt="" data-position="25% 25%" /></a>
<div class="content">
<div class="inner">
<h2>Effort and Strife</h2>
<p>From a young age, I was bullied and pushed around alot, to the point where I felt like there was nothing left for me. Untill I discorvered Minecraft!
I am stoked to have the opertunity to work with fine Marketplace groups within the community to produce content that everyone can enjoy!
</p>
<ul class="actions">
<li><a href="generic.html" class="button">Learn more</a></li>
</ul>
</div>
</div>
</section>
</section>
<!-- Two -->
<section id="two" class="wrapper style3 fade-up">
<div class="inner">
<h2>What I do</h2>
<p>Sure renders and content creation is cool, but what else can I do? What are my strenghts and weaknesses? What are my life goals or plans? Things like that are what makes a person a person.</p>
<div class="features">
<section>
<span class="icon solid major fa-code"></span>
<h3>Coding and Development</h3>
<p>Currently I am in the process of learning how to code in HTML5. I am 100% self taught, BUT I always belive that help isn't just wanted, sometimes its needed.</p>
</section>
<section>
<span class="icon solid major fa-lock"></span>
<h3>Locked Ambitions</h3>
<p>Graphic Design to me, is NOT just a passion, or a 'cool thing' that I picked up. Its a way of life, a way of connecting spiritually to my inner self, sure anyone can create amazing art,
but do they do it with soul, and attention, or do they just 'get it done'...</p>
</section>
<section>
<span class="icon solid major fa-cog"></span>
<h3>Trial and Error</h3>
<p>I know for sure that I wasn't the best of the best, when I started. Everyone has a begining, its what they choose to do with that begining that counts.</p>
</section>
<section>
<span class="icon solid major fa-desktop"></span>
<h3>Technology</h3>
<p>On top of design and code development, I have picked up a nasty habit of buying old PCs and turning them into fine tunned machines. Its good work, and good work counts!</p>
</section>
<section>
<span class="icon solid major fa-link"></span>
<h3>Socially linked</h3>
<p>On top of ALL the many things I know, I also have started to create content for social media, being funny on camera has its moments, and I enjoy every minute of it.</p>
</section>
<section>
<span class="icon major fa-gem"></span>
<h3>Diamond in the Sands</h3>
<p>I have my weaknesses, one of which is hiding said weaknesses, (by putting it on the bottom of the list) things like social akwardness, and really the inablity to fit in with
peers can be a problem sometimes. I have found ways to manage myself in such a way, that it becomes less of a problem.
</p>
</section>
</div>
<ul class="actions">
<li><a href="generic.html" class="button">Learn more</a></li>
</ul>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper style1 fade-up">
<div class="inner">
<h2>Get in touch</h2>
<p>Shoot me a message! I dont always respond, because im always busy doing something, but hey! Who knows, maybe its important!</p>
<div class="split style1">
<section>
<form method="post" action="#">
<div class="fields">
<div class="field half">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field half">
<label for="email">Email</label>
<input type="text" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="5"></textarea>
</div>
</div>
<ul class="actions">
<li><a href="" class="button submit">Send Message</a></li>
</ul>
</form>
</section>
<section>
<ul class="contact">
<li>
<h3>Address</h3>
<span>1750 McCulloch Blvd N, Lake Havasu City, AZ 86403 P.O BOX: 2231<br />
<br />
</span>
</li>
<li>
<h3>Email</h3>
<a href="#"[email protected]</a>
</li>
<li>
<h3>Phone</h3>
<span>1-928-218-2403</span>
</li>
<li>
<h3>Social</h3>
<ul class="icons">
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
</ul>
</li>
</ul>
</section>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer" class="wrapper style1-alt">
<div class="inner">
<ul class="menu">
<li>© CVLD. All rights reserved.</li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.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>