diff --git a/css/style.css b/css/style.css index d17d83a..f2b7195 100644 --- a/css/style.css +++ b/css/style.css @@ -1,9 +1,194 @@ +@import url('https://fonts.googleapis.com/css2?family=Maitree&family=Permanent+Marker&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap'); + body { - background-color: navy; + overflow-x: hidden; + font-family: 'Lato', sans-serif; +} + +.offset:before { + display: block; + content: ""; + height: 4rem; + margin-top: -4rem; +} + +.hr-white { + border-top: 1px solid white; +} + +.padding { + padding: 4rem 2%; +} + +.grey-back { + background-image: linear-gradient(to bottom right, #29323c, #485563); +} + +/******************* navbar *******************/ +.navbar { + text-transform: uppercase; + letter-spacing: .1rem; + background-color: rgba(0, 0, 0 , 0.7)!important; + font-family: 'Permanent Marker', cursive; +} + +.navbar-brand { + font-size: x-large!important; + color: #009fe0!important; + font-weight: 800; +} + +.nav-item .nav-link { + color: white!important; +} + +.nav-item .nav-link.active, +.nav-item .nav-link:hover { + color: #009fe0!important; +} +/******************* end navbar *******************/ + + +/******************* home *******************/ +.home-inner { + background-image: url(../img/python.jpg); + background-attachment: local; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + height: 100%; +} + +.intro { + overflow: hidden; + white-space: nowrap; + color: rgb(1, 223, 72); + font-size: 2rem; + letter-spacing: 3px; + font-family: 'Maitree', serif; + position: absolute; + text-align: center; + top: 82%; + left: 50%; + transform: translate(-50%, -50%); +} + +.btn { + color: rgb(1, 223, 72)!important; + border-color: rgb(1, 223, 72)!important; + position: absolute; + top: 89%; + left: 50%; + transform: translate(-50%, -50%); +} + +.btn:hover { + background-color: rgb(1, 223, 72); + color: white!important; +} +/******************* end home *******************/ + +/******************* about *******************/ +#about { + color: white; + font-family: 'Lato', sans-serif; +} + +.lead { + font-weight: 500; +} + +.pic-holder { + background-image: url(../img/grad.jpg); + background-repeat: no-repeat; + background-size: auto; + background-attachment: absolute; + width: 200px; + height: 300px; + border-radius: 50%; + box-shadow: 0px 0px 10px rgb(0, 0, 0); + margin-left: 10%; +} + +#about a { + color: white; +} + +#about a:hover { + color: #009fe0; } +#about h1 { + position: relative; + font-weight: 700; + padding-bottom: 20px; + padding-left: 10%; + text-shadow: 2px 2px 3px black; +} -object { - height: 100vh; - width: 100vh; +.progress, +.progress-bar { + height: 12px!important; } +/******************* end about *******************/ + +/******************* education *******************/ +#education { + font-family: 'Lato', sans-serif; +} + +#education h1 { + font-weight: 700; +} + +#fixed { + background-image: url(../img/tech.gif); + background-attachment: fixed; + background-size: cover; + background-repeat: no-repeat; + background-position: center; + width: 100%; +} + +#fixed li i { + padding-right: 6px; +} + +.fa-university { + padding: 10px; +} +/******************* end education *******************/ + +/******************* experience *******************/ +#experience { + font-family: 'Lato', sans-serif; +} + +#experience h1 { + text-shadow: 2px 2px 3px black; +} +/******************* end experience *******************/ + +.separator { + background-image: url(../img/code.jpg); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + background-attachment: local; + height: 300px; + width: 100%; +} + +/******************* footer *******************/ +footer { + color: white; +} + +.contact-link { + font-size: 2em; + padding: 5px; + color: white; +} + +/********************************************************/ diff --git a/img/code.jpg b/img/code.jpg new file mode 100644 index 0000000..27e8531 Binary files /dev/null and b/img/code.jpg differ diff --git a/img/coding.gif b/img/coding.gif new file mode 100644 index 0000000..6c18f41 Binary files /dev/null and b/img/coding.gif differ diff --git a/img/computers.gif b/img/computers.gif new file mode 100644 index 0000000..f9349ea Binary files /dev/null and b/img/computers.gif differ diff --git a/img/grad.jpg b/img/grad.jpg new file mode 100644 index 0000000..63b3954 Binary files /dev/null and b/img/grad.jpg differ diff --git a/img/python.jpg b/img/python.jpg new file mode 100644 index 0000000..9b78b86 Binary files /dev/null and b/img/python.jpg differ diff --git a/img/python2.jpg b/img/python2.jpg new file mode 100644 index 0000000..a3c0437 Binary files /dev/null and b/img/python2.jpg differ diff --git a/img/tech.gif b/img/tech.gif new file mode 100644 index 0000000..bc28aeb Binary files /dev/null and b/img/tech.gif differ diff --git a/index.html b/index.html index 4dc0c72..07767bc 100644 --- a/index.html +++ b/index.html @@ -1,57 +1,237 @@ - - - - - - - - - - - + + + + Nick DeVos | Portfolio - - - - - - - - - - - - - - - - - - - - - - - - - The quickest of brown foxes. - - - + + + + + + + + + + + + + +
+ +
+
+

+ ", I am Nick DeVos"

+
About Me
+
+
+ + + + + +
+
+
+
+

ABOUT ME

+
+
+ +
+
+
+
+

My name is Nick and I'm a recent college graduate and software developer that specializes in back-end development. + I have training and/or academic experience working with many languages including Java, C#, C++, C, Python, VisualBasic, HTML5, Bootstrap4, and CSS3. + I try to apply a logical/analytical mindset to my programming tasks. I am very resourceful and determined, and can figure out a solution to complete any project. + I am looking for a career where I can contribute and thrive for many years while growing professionally. + I enjoy learning new languages and technologies and will continue to learn and improve my skills with the technologies that I have already been exposed to. + Feel free to checkout my LinkedIn and GitHub profiles.

+
+

My Skills

+ JAVA +
+
65%
+
+ C# +
+
50%
+
+ PYTHON +
+
40%
+
+ HTML5 / BOOTSTRAP4 / CSS3 +
+
30%
+
+ C / C++ +
+
35%
+
+ VisualBasic +
+
30%
+
+ SQL +
+
40%
+
+
+
+
+
+ + + + +
+
+
+
+
+
+

EDUCATION

+
+

Pfeiffer University

+ Misenheimer, NC +

Bachelor of Science (BS), Computer Information Systems

+
+

Additional Training

+

Per Scholas

+
14-week full-time training program for application development using Java. Training includes:
+

+

    +
  • Project Management - with emphasis on Agile and SCRUM methodologies
    • +
  • HTML, CSS, and Bootstrap
    • +
  • Javascript
    • +
  • Relational Databases and SQL
    • +
  • Java Core Programming
    • +
  • Java Frameworks - Spring
    • +
+

+
+
+
+
+
+
+ + + +
+
+
+

EXPERIENCE

+
+

Software Development / Information Technology Intern

+
City of Salisbury, Salisbury, NC
+

January 2020 – March 2020 **Ended early due to COVID-19

+

As an intern with the City of Salisbury I worked on adding + features and functionality to different programs used in various departments. + I worked with .NET languages, with a main focus on C#. Also used WPF for some basic GUI forms to gather + information from the user. + Another program I modified was written in VB as well. I have added code, debugged code, and troubleshot programs + that were not working as designed. + When no coding work was available, I also helped the helpdesk technician and shadowed or assisted others at + times.

+
+
+
+
+

Academic Clubs & Organizations

+
+
    +
  • Delta Mu Delta Honor Society in Business
    • +
  • Sigma Alpha Pi, The National Society of Leadership and Success
    • +
  • Phi Theta Kappa Honor Society
    • +
  • Alpha Beta Kappa Honor Society
    • +
  • Pfeiffer Computer and Gaming Society
    • +
+
+
+
+

Awards & Achievements

+
+
    +
  • Summa Cum Laude - 4.0 GPA
    • +
  • * Nancy Henderson CIS Student Achievement Award, Pfeiffer University

    • +

    * The Nancy Henderson CIS Award is presented to an exceptional graduating senior annually at Pfeiffer University. + The award is given to a student 'found to be possessing the attributes of Character and Scholarship sufficient to be numbered among those worthy of recognition.'

    +
+
+
+
+
+ + + +
- - - - +
+
+
+
+

Contact

+
+

nickdevos123@yahoo.com

+

linkedin.com/in/nick-devos

+

github.com/nick-devos

+

+ + +

+
+
+
+ - - - \ No newline at end of file