-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
111 lines (108 loc) · 13.5 KB
/
index.html
File metadata and controls
111 lines (108 loc) · 13.5 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Isaac Crawford - Home</title>
<link rel="icon" type="image/png" sizes="2000x2000" href="assets/img/NewLogo.png">
<link rel="icon" type="image/png" sizes="2000x2000" href="assets/img/NewLogo.png">
<link rel="icon" type="image/png" sizes="2000x2000" href="assets/img/NewLogo.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cabin:700&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=ABeeZee&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Actor&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anek+Odia&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cabin&display=swap">
<link rel="stylesheet" href="assets/css/Banner-Heading-Image-images.css">
<link rel="stylesheet" href="assets/css/best-carousel-slide.css">
<link rel="stylesheet" href="assets/css/Customizable-Carousel-swipe-enabled.css">
<link rel="stylesheet" href="assets/css/gist.githubusercontent.com_cyrusss0_dbb06afc65eac6d51d40216a3dbd8b8d_raw_951df7fb794ce275605c18f1df75272891fb3ec4_style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css">
<link rel="stylesheet" href="assets/css/MySkills-F19687.css">
<link rel="stylesheet" href="assets/css/Petunia-Pickle-navbar.css">
<link rel="stylesheet" href="assets/css/PortfolioPanel.css">
<link rel="stylesheet" href="assets/css/Return-to-Top-Arrow-sc.css">
<link rel="stylesheet" href="assets/css/Return-to-Top-Arrow.css">
<link rel="stylesheet" href="assets/css/Video-Parallax-Background-v3-1.css">
<link rel="stylesheet" href="assets/css/Video-Parallax-Background-v3.css">
</head>
<body id="page-top" data-bs-spy="scroll" data-bs-target="#mainNav" data-bs-offset="77">
<div class="embed-responsive embed-responsive-16by9" style="height: 0px;width: 0px;">
<div class="container-fluid d-flex justify-content-center align-items-center align-content-center video-parallax-container" style="margin: 0px;height: 0px;"><video id="videoIntro-1" class="filter" autoplay="" style="filter: blur(0px) brightness(49%) sepia(16%);" muted="">
<source src="https://github.com/knowlife4/SLICE.github.io/blob/master/Intro.mp4?raw=true" type="video/mp4" wp-acf="[{'type':'url','name':'video','label':'Video','wrapper':{'width':30}}]" wp-attr="[{'target':'src','replace':'%1'}]">
</video></div>
</div>
<div class="container" style="max-width: 95vw;">
<nav class="navbar navbar-dark fixed-top bg-dark" style="background: linear-gradient(#31363b 0%, #1d1f22 81%), rgb(33, 37, 41);border: 4px solid rgba(255,255,255,0.3);border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;box-shadow: inset 0px -8px 0px 0px rgb(13,13,13), 0px 16px 20px 0px rgb(0,0,0);padding: 0px;padding-top: 8px;padding-bottom: 18px;opacity: 1;">
<div class="container-fluid"><img class="rounded-circle" id="icon" src="assets/img/NewLogo.png" width="50" height="50" style="box-shadow: 0px 6px 0px 0px rgb(30,2,2);border: 3px solid rgb(111,114,117);width: 50px;height: 50px;"><a class="btn" role="button" href="index.html" style="box-shadow: 0px 8px 0px 0px rgb(28,2,2);color: var(--bs-white);background: linear-gradient(#b32d2d 0%, #431414 100%), #111111;border: 3px solid rgba(255,255,255,0.5);border-radius: 8px;">ISAAC CRAWFORD</a><button data-bs-toggle="collapse" class="navbar-toggler collapsed" data-bs-target="#navcol-1" style="background: radial-gradient(rgba(0,0,0,0) 57%, rgba(0,0,0,0.31) 64%), radial-gradient(rgba(0,0,0,0) 50%, black 100%), url("assets/img/Dial.png") center / cover, linear-gradient(#ffffff 0%, #253036 100%);width: 50px;height: 50px;border-radius: 50%;max-height: 25%;border: 3px solid rgb(111,115,117);"></button>
<div class="collapse navbar-collapse text-center" id="navcol-1" style="--bs-primary: #000000;--bs-primary-rgb: 0,0,0;">
<div class="trans-panel" style="width: 100%;margin-top: 15px;">
<div class="row gx-3 gy-3 row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-1 row-cols-xl-1 row-cols-xxl-4 mx-auto" style="width: 80%;opacity: 1;">
<div class="col align-self-center">
<div class="transition-panel" style="--n: 0;opacity: 1;"><a class="btn btn-lg active d-grid" role="button" style="color: var(--bs-white);background: linear-gradient(#b32d2d 0%, #431414 100%), #111111;box-shadow: 0px 8px 0px 0px rgb(28,2,2);margin-bottom: 10px;padding: 15px;padding-top: 10px;padding-bottom: 10px;border-radius: 8px;--n: 0;backdrop-filter: opacity(1);border-width: 4px;border-color: rgba(255,255,255,0.5);" href="projects.html">Projects</a></div>
</div>
<div class="col align-self-center">
<div class="transition-panel" style="--n: 1;opacity: 1;"><a class="btn btn-lg active d-grid" role="button" style="color: var(--bs-white);background: linear-gradient(#b32d2d 0%, #431414 100%), #111111;box-shadow: 0px 8px 0px 0px rgb(28,2,2);margin-bottom: 10px;padding: 15px;padding-top: 10px;padding-bottom: 10px;border-radius: 8px;--n: 1;backdrop-filter: opacity(1);border-width: 4px;border-color: rgba(255,255,255,0.5);" href="programming.html">Programming</a></div>
</div>
<div class="col align-self-center">
<div class="transition-panel" style="--n: 2;opacity: 1;"><a class="btn btn-lg active d-grid" role="button" style="color: var(--bs-white);background: linear-gradient(#b32d2d 0%, #431414 100%), #111111;box-shadow: 0px 8px 0px 0px rgb(28,2,2);margin-bottom: 10px;padding: 15px;padding-top: 10px;padding-bottom: 10px;border-radius: 8px;--n: 2;backdrop-filter: opacity(1);border-width: 4px;border-color: rgba(255,255,255,0.5);" href="art.html">3D Art</a></div>
</div>
<div class="col align-self-center">
<div class="transition-panel" style="--n: 3;opacity: 1;"><a class="btn btn-lg active d-grid" role="button" style="color: var(--bs-white);background: linear-gradient(#b32d2d 0%, #431414 100%), #111111;box-shadow: 0px 8px 0px 0px rgb(28,2,2);margin-bottom: 10px;padding: 15px;padding-top: 10px;padding-bottom: 10px;border-radius: 8px;--n: 3;backdrop-filter: opacity(1);border-width: 4px;border-color: rgba(255,255,255,0.5);" href="music.html">Music Composition</a></div>
</div>
</div>
</div>
</div>
</div>
</nav>
<div class="text-start" style="padding-top: 228px;margin-bottom: -138px;"></div>
<section style="margin-top: 40px;margin-bottom: 40px;border-radius: 8px;">
<div class="container text-center" data-aos="zoom-out" data-aos-delay="2700" style="background: linear-gradient(#374048, #212529), rgb(47,48,51);border-radius: 10px;padding: 12px;box-shadow: inset 0px -8px 0px 0px rgb(18,18,18);border: 4px solid rgba(255,255,255,0.3);">
<div class="text-center" data-aos="zoom-out-down" data-aos-delay="2750" data-aos-once="true" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;margin-bottom: 10px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);padding-top: 10px;">
<h1 class="text-center d-inline-block" style="text-shadow: 0px 8px rgb(0,0,0);font-size: 42px;">WELCOME!<br></h1><span class="d-inline-block wave" style="font-size: 42px;text-shadow: 0px 4px rgb(0,0,0);">👋</span>
</div>
<div style="margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;">
<div class="row gx-3 gy-3 text-center">
<div class="col align-self-center" data-aos="zoom-out-right" data-aos-delay="2800" data-aos-once="true">
<div class="text-start" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);height: 100%;padding: 15px;">
<h3 class="fw-bold text-white mb-3" id="intro" style="text-shadow: 0px 5px rgb(0,0,0);width: 100%;">MY NAME IS ISAAC CRAWFORD, AND I AM:<br></h3>
<div>
<h3 class="fw-bold text-white mb-3" data-aos="slide-right" data-aos-delay="2750" data-aos-once="true" style="font-size: 15px;margin-bottom: 2px;text-shadow: 0px 8px 10px rgb(0,0,0);">⚫ A SYSTEMS ENGINEER <br></h3>
<h3 class="fw-bold text-white mb-3" data-aos="slide-right" data-aos-delay="2800" data-aos-once="true" style="font-size: 15px;margin-bottom: 2px;text-shadow: 0px 8px 10px rgb(0,0,0);">⚫ A TOOL ENGINEER<br></h3>
<h3 class="fw-bold text-white mb-3" data-aos="slide-right" data-aos-delay="2850" data-aos-once="true" style="font-size: 15px;margin-bottom: 2px;text-shadow: 0px 8px 10px rgb(0,0,0);">⚫ A TECHNICAL ARTIST<br></h3>
<h3 class="fw-bold text-white mb-3" data-aos="slide-right" data-aos-delay="2900" data-aos-once="true" style="font-size: 15px;margin-bottom: 2px;text-shadow: 0px 8px 10px rgb(0,0,0);">⚫ A 3D ARTIST<br></h3>
<h3 class="fw-bold text-white mb-3" data-aos="slide-right" data-aos-delay="2950" data-aos-once="true" style="font-size: 15px;margin-bottom: 2px;text-shadow: 0px 8px 10px rgb(0,0,0);">⚫ A COMPOSER<br></h3>
</div>
</div>
</div>
<div class="col-auto text-center align-self-stretch mx-auto" data-aos="zoom-out-left" data-aos-delay="2850" data-aos-once="true">
<div class="text-center" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;padding: 15px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);"><img class="rounded img-fluid" src="assets/img/NewLogo.png" width="250" height="250" style="border: 5px solid rgb(111,114,117) ;"></div>
</div>
</div>
</div>
<div class="row" style="margin-bottom: 10px;">
<div class="col"><a class="btn btn-lg active d-grid" role="button" data-aos="zoom-out" data-aos-delay="2950" data-aos-once="true" style="color: var(--bs-white);background: linear-gradient(#b32d2d 0%, #431414 100%), #111111;box-shadow: 0px 8px 0px 0px rgb(27,0,0);margin-bottom: 10px;padding: 15px;padding-top: 10px;padding-bottom: 10px;border-width: 0px;border-color: rgba(0,0,0,0);border-radius: 8px;" href="https://github.com/knowlife4/SLICE.github.io/raw/master/Resume.pdf">Resume</a></div>
</div>
<div class="row gy-2" style="margin-bottom: 10px;">
<div class="col"><a class="btn btn-lg active d-grid" role="button" data-aos="zoom-out-up" data-aos-delay="3000" data-aos-once="true" style="color: var(--bs-white);background: linear-gradient(#b32d2d 0%, #431414 100%), #111111;box-shadow: 0px 8px 0px 0px rgb(27,0,0);margin-bottom: 10px;padding: 15px;padding-top: 10px;padding-bottom: 10px;border-width: 0px;border-color: rgba(0,0,0,0);border-radius: 8px;" href="https://github.com/knowlife4">GitHub</a></div>
<div class="col"><a class="btn btn-lg active d-grid" role="button" data-aos="zoom-out-up" data-aos-delay="3000" data-aos-once="true" style="color: var(--bs-white);background: linear-gradient(#b32d2d 0%, #431414 100%), #111111;box-shadow: 0px 8px 0px 0px rgb(27,0,0);margin-bottom: 10px;padding: 15px;padding-top: 10px;padding-bottom: 10px;border-width: 0px;border-color: rgba(0,0,0,0);border-radius: 8px;" href="https://twitter.com/knowlife4_YT">Twitter</a></div>
<div class="col"><a class="btn btn-lg active d-grid" role="button" data-aos="zoom-out-up" data-aos-delay="3000" data-aos-once="true" style="color: var(--bs-white);background: linear-gradient(#b32d2d 0%, #431414 100%), #111111;box-shadow: 0px 8px 0px 0px rgb(27,0,0);margin-bottom: 10px;padding: 15px;padding-top: 10px;padding-bottom: 10px;border-width: 0px;border-color: rgba(0,0,0,0);border-radius: 8px;" href="mailto:contact@knowlife4.com">Email</a></div>
</div>
</div>
</section>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="assets/js/Customizable-Carousel-swipe-enabled.js"></script>
<script src="assets/js/grayscale.js"></script>
<script src="assets/js/Advanced-NavBar---Multi-dropdown.js"></script>
<script src="assets/js/Petunia-Pickle-navbar-1.js"></script>
<script src="assets/js/Petunia-Pickle-navbar.js"></script>
<script src="assets/js/Return-to-Top-Arrow.js"></script>
<script src="assets/js/Video-Parallax-Background-v3.js"></script>
</body>
</html>