<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
        <meta name="description" content="Tim Schmidt CV" />
        <meta name="keywords" content="personal, tim, tim schmidt, html5, vcard, resume, portfolio" />
        <meta name="author" content="Tim Schmidt" />

        <link rel="icon" type="image/x-icon" href="favicon.ico">
        <title>Meet Tim Schmidt</title>
        <!-- Bootstrap -->
        <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
        <!-- Animation -->
        <link rel="stylesheet" href="css/animate.min.css" type="text/css">
        <!-- Owl Carousel -->
        <link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css">
        <!-- Light Case -->
        <link rel="stylesheet" href="css/lightcase.min.css" type="text/css">
        <!-- Template style -->
        <link rel="stylesheet" href="css/style.css" type="text/css">
    </head>
    <body>
        <!-- preloader -->
        <div id="preloader">
            <div id="preloader-circle">
                <span></span>
                <span></span>
            </div>
        </div>
        <!-- /preloader -->

        <div class="wrapper-page">
            <!-- Header -->
            <header class="header">
                <div class="header-content">
                    <div class="profile-picture-block">
                        <div class="header-colors">
                            <span class="bt-submit color-selector yellow"></span>
                            <span class="bt-submit color-selector blue"></span>
                            <span class="bt-submit color-selector green"></span>
                        </div>
                        <div class="my-photo">
                            <img src="images/my-photo.png" class="img-fluid" alt="pfp image">
                        </div>
                    </div>
                    <!-- Header Head -->
                    <div class="site-title-block">
                        <div class="site-title">Tim Schmidt</div>
                        <div class="type-wrap">
                            <div class="typed-strings">
                                <span>Fiber Optic Telecom</span>
                                <span>Engineering Technology</span>
                                <span>Embedded Development</span>
                            </div>
                            <span class="typed"></span>
                        </div>
                    </div>
                    <!-- /Header Head -->

                    <!-- Navigation -->
                    <div class="site-nav">
                        <!-- Main menu -->
                        <ul class="header-main-menu" id="header-main-menu">
                            <li><a class="active" href="index.html"><i class="fas fa-home"></i> Home</a></li>
                        </ul> 
                        <!-- /Main menu -->
                        
                        <!-- Copyrights -->
                        <div class="copyrights">© <script>document.write(new Date().getFullYear())</script> All rights reserved.</div>
                        <!-- / Copyrights -->
                    </div>
                    <!-- /Navigation -->
                </div>
            </header>
            <!-- /Header -->

            <!-- Mobile Header -->
            <div class="responsive-header">
                <div class="responsive-header-name">
                    <img class="responsive-logo" src="images/my-photo.png" alt="pfp image" />
                    Tim Schmidt
                </div>
                <span class="responsive-header-colors">
                    <span class="bt-submit color-selector yellow"></span>
                    <span class="bt-submit color-selector blue"></span>
                    <span class="bt-submit color-selector green"></span>
                </span>
                <span class="responsive-icon"><i class="lnr lnr-menu"></i></span>
            </div>
            <!-- /Mobile Header -->

            <!-- Main Content Pages -->
            <div class="content-pages">
                <div class="error">
                    <div class="container">
                        <!-- 404 Error Space -->
                        <div class="row justify-content-center">
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6">
                                <div class="error-content">
                                    <div class="error-message">
                                        <h2>404</h2>
                                        <h3><span>Ooooops!</span> Something Went Wrong...</h3>
                                    </div>
                                    <form class="form-error-search hide-content">
                                        <input type="search" name="search" placeholder="Search Here">
                                        <button class="btn btn-search" type="button">Search Now</button>
                                    </form>
                                    <div class="description hide-content">
                                        <span>Or Goto <a href="index.html">Homepage</a></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- /404 Error Space -->

                        <!-- Contact Details -->
                        <div class="sub-page" style="display:inherit;">
                            <div class="sub-page-inner" style="padding-top: 5px;">
                                <div class="pb-30">
                                    <div class="section-head">
                                        <h4>
                                            <span>Contact Information</span>
                                            Find me here
                                        </h4>
                                    </div>

                                    <!-- Contact Info -->
                                    <div class="sidebar-textbox row pb-10">
                                        <div class="contact-info d-flex col-md-4">
                                            <div class="w-25">
                                                <div class="contact-icon">
                                                    <i class="fas fa-phone"></i>
                                                </div>
                                            </div>
                                            <div class="contact-text w-75">
                                                <h2>Phone</h2>
                                                <p>(+1) 
                                                    <i class="fasl fa-6"></i>04 35<i class="fasl fa-6"></i> <i class="fasl fa-6"></i>872</p>
                                            </div>
                                        </div>
                                        <div class="contact-info d-flex col-md-4">
                                            <div class="w-25">
                                                <div class="contact-icon">
                                                    <i class="far fa-envelope-open"></i>
                                                </div>
                                            </div>
                                            <div class="contact-text w-75">
                                                <h2>Email</h2>
                                                <p>tim<i class="fa fa-at"></i>timschmidt<span class="punc-circle"></span>ca</p>
                                            </div>
                                        </div>
                                        <div class="contact-info d-flex col-md-4">
                                            <div class="w-25">
                                                <div class="contact-icon">
                                                    <i class="fas fa-map-marker-alt"></i>
                                                </div>
                                            </div>
                                            <div class="contact-text w-75">
                                                <h2>Address</h2>
                                                <p>Burnaby, BC <br> V5J 4Y5</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- /Contact info -->

                                    <!-- Social Media -->
                                    <div class="pt-50">
                                        <div class="social-media-block">
                                            <h4>Follow Me: </h4>
                                            <ul class="social-media-links">
                                                <li><a href="https://www.facebook.com/timothy.schmidt.m/"><i class="fab fa-facebook-f"></i></a></li>
                                                <li><a href="https://www.linkedin.com/in/tim-schmidt-9520b6a6/"><i class="fab fa-linkedin-in"></i></a></li>
                                                <li><a href="https://github.com/tttmmmsss"><i class="fab fa-github"></i></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <!-- /Social Media -->
                                </div> 
                            </div>
                        </div>
                        <!-- /Contact Details -->

                    </div>
                </div>
            </div>
        </div>
        <!-- /Main Content -->


        <!--JS Files-->
        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <!--Owl Coursel-->
        <script src="js/owl.carousel.min.js"></script>
        <!-- Typing Text -->
        <script src="js/typed.min.js"></script> 
        <!--Images LightCase-->
        <script src="js/lightcase.min.js"></script>
        <!-- Portfolio filter -->
        <script src="js/jquery.isotope.min.js"></script>
        <!-- Wow Animation -->
        <script src="js/wow.min.js"></script>  
        <!-- Main Script -->
        <script src="js/script.js"></script>
    </body>
</html>

