1 line
6.1 KiB
HTML
1 line
6.1 KiB
HTML
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"><title>Main Website</title><link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"><link rel="stylesheet" href="assets/css/styles.min.css"></head><body style="background: #000000;"><nav class="navbar navbar-dark navbar-expand-lg fixed-top navigation-clean-button" style="background: rgba(0,0,0,0.76);"><div class="container"><a class="navbar-brand" href="#" style="color: rgb(255,255,255);">Nicholas Pease</a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button><a href="#" style="color: rgba(255,255,255,0.79);margin-left: 17px;text-decoration: none;">Projects</a><div class="dropdown"><a class="dropdown-toggle" aria-expanded="false" data-bs-toggle="dropdown" href="#" style="color: rgba(255,255,255,0.79);text-decoration: none;margin-left: 14px;">Previous Versions</a><div class="dropdown-menu"><a class="dropdown-item" href="#">First Item</a><a class="dropdown-item" href="#">Second Item</a><a class="dropdown-item" href="#">Third Item</a></div></div><div class="collapse navbar-collapse" id="navcol-1"><ul class="navbar-nav me-auto"><li class="nav-item"></li><li class="nav-item"></li></ul><span class="navbar-text actions"> <a class="login" href="#" style="color: rgb(255,255,255);">Log In</a></span></div></div></nav><section style="background: url("assets/img/R.jpg") right / contain no-repeat;height: 500px;filter: blur(0px);"><section style="padding-top: 182px;padding-bottom: 250px;height: 500.2px;border-style: none;"><h1 class="text-start" style="color: #ffffff;filter: blur(-2px);margin-left: 35px;">Nicholas' Pease's Homepage</h1><h1 class="text-start" style="color: rgba(255,255,255,0.76);font-size: 18.1px;width: 50%;margin-left: 55px;">Hi there, it seems you've stumbled across my portfolio. This is a collection of everything that is me.<br></h1></section></section><section style="background: linear-gradient(-167deg, black 0%, rgb(18,17,17) 31%, #7d7b7b);"><section style="height: 350px;box-shadow: 0px 0px -20px rgba(255,255,255,0.25);filter: blur(0px);"><div class="container" style="height: 100%;"><div class="row" style="height: 100%;"><div class="col-md-4" style="background: rgba(30,24,31,0);border-top-left-radius: 4;border-top-right-radius: 4;border-bottom-right-radius: 4;border-bottom-left-radius: 4;border-style: none;border-color: rgb(255,255,255);"><div></div><img class="rounded-circle d-flex align-items-center align-content-center align-self-center mx-auto justify-content-lg-center align-items-lg-center" src="assets/img/imageedit_1_8590318333.jpg" style="width: 200px;margin-top: 20px;"><h1 class="text-center" style="color: rgb(255,255,255);margin-top: 15px;margin-left: -6px;">About Me</h1></div><div class="col-md-8"><div></div><p class="text-center" style="color: rgb(255,255,255);margin-top: 65px;">Hello! My name is Nicholas Pease and I have been living it up since 2002. I am an avid programmer and developer and spend most of my time working, attending school, or working again. This website is a collection of my personal websites and projects in a digestible format so that I can preserve my programming history and show others who wish to look at what I have done in my short time.</p></div></div></div></section><section class="team-boxed" style="background: rgba(238,244,247,0);"><div class="container"><div class="intro" style="color: rgb(255,255,255);"><h2 class="text-center" style="color: rgb(255,255,255);">What I can bring to the team</h2><p class="text-center" style="color: rgb(255,255,255);">I'm currently pursuing my bachelors in Computer Science. In the meantime, here's what I bring to the table.</p></div><div class="row people"><div class="col-md-6 col-lg-4 item"><div class="box" style="background: rgba(255,255,255,0.8);"><h3 class="name">Front End Development</h3><p class="title" style="color: rgb(88,83,83);">HTML CSS JS</p><p class="description">I find many of my projects, in one iteration or another, end up in the web development realm. I work a lot with HTML, CSS, and Javascript.</p><p><strong>Tools I Have Worked With</strong><br>Visual Studio Code<br>Github<br>Adobe Dreamweaver<br>GitKraken<br>Terminal<br></p></div></div><div class="col-md-6 col-lg-4 item"><div class="box" style="background: rgba(255,255,255,0.8);"><h3 class="name">Backend Development</h3><p class="title" style="color: rgb(88,83,83);">PYTHON UNIX NODEJS</p><p class="description">To power my projects, I find myself using tools such as Python and NodeJS to create API's and other date gathering programs.</p><p><strong>Tools I Have Worked With</strong><br>Python 2.7 & Python 3.9<br>NodeJS 12<br>Linux Bash<br>Windows Bash<br>API</p></div></div><div class="col-md-6 col-lg-4 item"><div class="box" style="background: rgba(255,255,255,0.8);"><h3 class="name">UI/UX Graphics Design</h3><p class="title" style="color: rgb(88,83,83);">UI 3D UX</p><p class="description">In conjunction with Front and Back End Development, UI / UX design has empowered my creations to improvements </p><p><strong>Tools I</strong> <strong>Have Worked With</strong><br>Adobe Photoshop<br>Adobe Premiere Pro<br>Adobe After Effects<br>LunaPic<br>Sketchup</p></div></div></div></div></section><footer class="footer-dark" style="background: rgba(40,45,50,0);"><div class="container"><div class="row"><div class="col-sm-6 col-md-3 item"><h3>Previous Websites</h3><ul><li><a href="#">nicholaspease.com</a></li><li><a href="#">Legacy Portfolio</a></li><li><a href="#">High School Portfolio</a></li></ul></div><div class="col-sm-6 col-md-3 item"><h3>About</h3><ul><li><a href="#">Company</a></li><li><a href="#">Team</a></li><li><a href="#">Careers</a></li></ul></div><div class="col-md-6 item text"><h3>nicholaspease.com</h3><p><strong>A Collection of all that is me and a home for my web based products.</strong></p></div></div><p class="copyright">Nicholas Pease © 2022</p></div></footer></section><script src="assets/bootstrap/js/bootstrap.min.js"></script><script src="assets/js/script.min.js"></script></body></html> |