-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
145 lines (143 loc) · 9.44 KB
/
Copy pathindex.html
File metadata and controls
145 lines (143 loc) · 9.44 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Brennon Call 201 Project</title>
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v6.1.0/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="styles/styles.css" rel="stylesheet" />
<link rel="stylesheet" href="styles/mystyles.css">
</head>
<body>
<header>
<h1 class="site-heading text-center text-faded d-none d-lg-block">
<span class="site-heading-upper text-primary mb-3 mysubfont">Quality Creations</span>
<span class="site-heading-lower myfont"> Brennon Call</span>
</h1>
</header>
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark py-lg-4" id="mainNav">
<div class="container">
<a class="navbar-brand text-uppercase fw-bold d-lg-none" href="index.html"> Quality Creations</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto">
<li class="nav-item px-lg-4"><a class="nav-link text-uppercase" href="index.html">Home</a></li>
<!--<li class="nav-item px-lg-4"><a class="nav-link text-uppercase" href="html/about.html">About</a></li>-->
<li class="nav-item px-lg-4"><a class="nav-link text-uppercase" href="html/scratch.html">Scratch</a></li>
</ul>
</div>
</div>
</nav>
<section class="page-section clearfix">
<div class="container">
<div class="intro">
<img class="intro-img img-fluid mb-3 mb-lg-0 rounded myimg imgleft" src="img/lala.jpg" alt="..." />
<img class="intro-img img-fluid mb-3 mb-lg-0 rounded myimg imgleft" src="img/rod.jpg" alt="..." />
<img class="intro-img img-fluid mb-3 mb-lg-0 rounded myimg imgleft" src="img/psych.jpg" alt="..." />
<img class="intro-img img-fluid mb-3 mb-lg-0 rounded myimg imgleft" src="img/str.jpg" alt="..." />
<div class="intro-text left-0 text-center bg-faded p-5 rounded">
<h2 class="section-heading mb-4">
<span class="section-heading-upper"> Noteworthy Films and Shows</span>
<!--<span class="section-heading-lower">Resume and Experience</span>-->
</h2>
<p class="mb-3"> Since my early years I found myself captivated with stories of every kind. from movies and television shows to books and music. I found that through time and experience I learned to love cinema especially. Which is why I created this website. As a way to highlight some of my favorite films as well as the TV shows I think compete with cinema today. I have also included a personal section below for more info about me.</p>
<h2 class="underline">Films</h2>
<li class=" mb-3 listfont bold"> Cinematic Films
<ul class="mylist">
<li>Lala Land</li>
<li>The Secret Life of Walter Mitty</li>
<li>The Fabelmans</li>
<li>Bladerunner</li>
</ul>
</li>
<li class=" mb-3 listfont bold"> Comedic Films
<ul class="mylist">
<li>The Other Guys</li>
<li>Hot Rod</li>
<li>What We Do in the Shadows</li>
<li>Nacho Libre</li>
</ul>
</li>
<h2 class="underline">Television</h2>
<li class=" mb-3 listfont bold"> Cinematic TV shows
<ul class="mylist">
<li>Peaky Blinders</li>
<li>Stranger Things</li>
<li>Demon Slayer</li>
</ul>
</li>
<li class=" mb-3 listfont bold"> Cinematic Films
<ul class="mylist">
<li>Psych</li>
<li>Community</li>
<li>Chuck</li>
<li>Ted Lasso</li>
</ul>
</li>
<div class="intro-button mx-auto aligncenter"><a class="btn btn-primary btn-xl" href="#!">contact: bubcall@gmail.com/(385)-316-9027</a></div>
</div>
</div>
</div>
</section>
<section class="page-section cta">
<div class="container">
<div class="row">
<div class="col-xl-9 mx-auto">
<div class="cta-inner bg-faded text-center rounded">
<h2 class="section-heading mb-4">
<!--<span class="section-heading-upper">Qualifications</span>-->
<span class="section-heading-lower">Resume</span>
</h2>
<p class="mb-3">I am a qualified and professional videographer, editor, and seller with experience in leadership roles, sales positions, and instruction. Strong creative and analytical skills coupled with valuable communication styles. Team player with an eye for detail.</p>
<h2 class="underline">Work Experience</h2>
<li class=" mb-3 listfont bold">ADDICTION RECOVERY TECHNICIAN
<ul class="mylist">
<li>May 2022 - August 2022</li>
<li>Administered prescribed drugs and assessed vitals</li>
<li>Created a sense of trust and love to help clients feel safe to grow.</li>
<li>Worked with 5-10 recovering addicts on a daily basis, instructing them on how to cultivate better lifestyles through exercise and nutrition, as well as attending group sessions for recovery.</li>
</ul>
</li>
<br>
<li class=" mb-3 listfont bold">VIDEOGRAPHER AND AUDIO SPECIALIST
<ul class="mylist">
<li>Feb 2021 - July 2021</li>
<li>Filming and editing of documentaries, music videos, interviews, advertisements, and short films</li>
<li>Adobe photoshop, premiere pro, lightroom, and audition proficiency</li>
<li>Trained in creative process to turn vision into final product on schedule</li>
</ul>
</li>
<h2 class="underline">EDUCATION</h2>
<li class=" mb-3 listfont bold">BRIGHAM YOUNG UNIVERSITY
<ul class="mylist">
<li>June 2022 - June 2026 (projected)</li>
<li>Majoring in Global Supply-Chain Management</li>
</ul>
</li>
<h2 class="underline">AWARDS</h2>
<li class=" mb-3 listfont bold">THE FARMINGTON PHOENIX MARINE BIOLOGY EXCELLENCE AWARD 2020</li>
<li class=" mb-3 listfont bold">DAVIS COUNTY FILM FESTIVAL NOMINEE 2018</li>
<li class=" mb-3 listfont bold">CLEVELAND'S FINEST: PROGRAMMING MIDDIVISION 2015</li>
</div>
</div>
</div>
</div>
</section>
<footer class="footer text-faded text-center py-5">
<div class="container"><p class="m-0 small myitalics">Copyright © Brennon Call 2022</p></div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>