<!doctype html>
<html lang="en">

<head>
    <title>Benjamin Weber - Curriculum Vitae</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="Profile/CV of Benjamin Weber" />
    <meta name="keywords" content="developer, hosting, smarthome, creative, cv, designer, online resume, vcard" />
    <meta name="author" content="Benjamin Weber">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- FAV AND ICONS   -->
    <link rel="shortcut icon" href="assets/images/favicon.ico">
    <link rel="shortcut icon" href="assets/images/apple-icon.png">
    <link rel="shortcut icon" sizes="72x72" href="assets/images/apple-icon-72x72.png">
    <link rel="shortcut icon" sizes="114x114" href="assets/images/apple-icon-114x114.png">

    <!-- Google Font-->
    <style>
        /* roboto-regular - latin */
        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 400;
            src: url('assets/fonts/roboto-v20-latin-regular.eot');
            /* IE9 Compat Modes */
            src: local('Roboto'), local('Roboto-Regular'),
                url('assets/fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'),
                /* IE6-IE8 */
                url('assets/fonts/roboto-v20-latin-regular.woff2') format('woff2'),
                /* Super Modern Browsers */
                url('assets/fonts/roboto-v20-latin-regular.woff') format('woff'),
                /* Modern Browsers */
                url('assets/fonts/roboto-v20-latin-regular.ttf') format('truetype'),
                /* Safari, Android, iOS */
                url('assets/fonts/roboto-v20-latin-regular.svg#Roboto') format('svg');
        }
    </style>
    <!-- Font Awesome -->
    <link rel="stylesheet" href="assets/icons/font-awesome-4.7.0/css/font-awesome.min.css">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="assets/plugins/css/bootstrap.min.css">
    <!-- Animate CSS-->
    <link rel="stylesheet" href="assets/plugins/css/animate.css">
    <!-- Owl Carousel CSS-->
    <link rel="stylesheet" href="assets/plugins/css/owl.css">
    <!-- Fancybox-->
    <link rel="stylesheet" href="assets/plugins/css/jquery.fancybox.min.css">
    <!-- Custom CSS-->
    <link rel="stylesheet" href="assets/css/styles.css">
    <link rel="stylesheet" href="assets/css/responsive.css">
    <!-- Colors -->
    <link rel="stylesheet" href="assets/css/colors/blue-munsell.css" title="blue-munsell">
</head>

<body class="white-vertion black-bg">

    <!-- Start Loader -->
    <div class="section-loader">
        <div class="loader">
            <div></div>
            <div></div>
        </div>
    </div>
    <!-- End Loader -->

    <!-- NAVIGATION -->
    <header class="black-bg mh-header mh-fixed-nav nav-scroll mh-xs-mobile-nav wow fadeInUp" id="mh-header">
        <div class="overlay"></div>
        <div class="container">
            <div class="row">
                <nav class="navbar navbar-expand-lg mh-nav nav-btn">
                    <a class="navbar-brand" href="#">
                        <h3>Benjamin Weber</h3>
                    </a>

                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon icon"></span>
                    </button>

                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                        <ul class="navbar-nav mr-0 ml-auto">
                            <li class="nav-item active">
                                <a class="nav-link" href="#home">Home</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="/cv/en#about">About</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="/cv/en#skills">Skills</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="/cv/en#experience">Experiences</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="/cv/en#portfolio">Portfolio</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="/cv/en#contact">Contact</a>
                            </li>
                        </ul>
                    </div>
                </nav>
            </div>
        </div>
    </header>

    <!-- Home -->
    <section class="mh-home image-bg home-2-img" id="home">
        <div class="img-foverlay img-color-overlay">
            <div class="container">
                <div class="row xs-column-reverse section-separator vertical-middle-content home-padding">
                    <div class="col-sm-6">
                        <div class="mh-header-info">
                            <div class="mh-promo wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.1s">
                                <span>Hello I'm</span>
                            </div>

                            <h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Benjamin Weber</h2>
                            <h4 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">
                                <a href="" class="typewrite" data-period="2000" data-type='[ "Web Developer.", "Creative Designer.", "Team Leader.", "I love new Challenges." ]'>
                                    <span class="wrap">&nbsp;</span>
                                </a>
                            </h4>

                            <ul>
                                <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"><i class="fa fa-envelope"></i><a href="mailto:mail@weberbenjamin.de">mail@weberbenjamin.de</a></li>
                            </ul>

                            <ul class="social-icon wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.7s">
                                <li><a href="https://www.xing.com/profile/Benjamin_Weber1002/cv" target="_blank"><i class="fa fa-xing"></i></a></li>
                                <!--<li><a href="https://github.com/bennithebrain" target="_blank"><i class="fa fa-github"></i></a></li>-->
                                <li><a href="assets/images/businesscard.jpg" target="_blank"><i class="fa fa-id-card"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="hero-img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.6s">
                            <div class="img-border">
                                <img src="assets/images/hero.png" alt="" class="img-fluid">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ABOUT -->
    <section class="mh-about about" id="about">
        <div class="container">
            <div class="row section-separator">
                <div class="col-sm-12 col-md-6">
                    <div class="mh-about-img shadow-2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
                        <img src="assets/images/ab-img.png" alt="" class="img-fluid">
                    </div>
                </div>
                <div class="col-sm-12 col-md-6">
                    <div class="mh-about-inner">
                        <h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.1s">About Me</h2>
                        <p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
                            I'm born in 1988 in Heidelberg.
                            I'm working on interesting and international projects as a Team Leader at the
                            <a href="https://berner-group.com" target="_blank"><b>Berner Group</b></a> all over the
                            world.
                            As a <b>freelancer</b> I accompany a lot of successful customers and satisfy their
                            requirements.
                            I unify many skills as a <b>designer</b>, as a <b>programmer</b> and as a <b>consultant</b>
                            to create
                            universal solutions that fits perfectly to your needs. Some of my top skills:
                        </p>
                        <div class="mh-about-tag wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">
                            <ul>
                                <li><span>Web Development</span></li>
                                <li><span>Progressive Web Apps</span></li>
                                <li><span>Microsoft 365</span></li>
                                <li><span>Microsoft Server</span></li>
                                <li><span>Leadership</span></li>
                                <li><span>Collaboration Solutions</span></li>
                                <li><span>Analytical Thinking</span></li>
                                <li><span>Team Player</span></li>
                                <li><span>Creativity</span></li>
                                <li><span>Agile Project Management</span></li>
                                <li><span>Smart Home</span></li>
                                <li><span>IT Infrastructure</span></li>
                            </ul>
                        </div>
                        <a href="assets/images/cv_web.jpg" target="_blank" class="btn btn-fill wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Download CV <i class="fa fa-download"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- SERVICE -->
    <section class="mh-service">
        <div class="container">
            <div class="row section-separator">
                <div class="col-sm-12 text-center section-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
                    <h2>What I do as a freelancer</h2>
                </div>
                <div class="col-sm-4">
                    <div class="mh-service-item shadow-1 dark-bg wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">
                        <i class="fa fa-bullseye purple-color"></i>
                        <h3>Smart Home Solutions</h3>
                        <p>
                            Develop some extensions for Smart Home Solutions like API's,
                            Smart Mirror UI and Loxone Planning.
                        </p>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="mh-service-item shadow-1 dark-bg wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.5s">
                        <i class="fa fa-code iron-color"></i>
                        <h3>Web Development</h3>
                        <p>
                            From ideas to layout, design and functionality of your website or
                            web application.
                        </p>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="mh-service-item shadow-1 dark-bg wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.7s">
                        <i class="fa fa-object-ungroup sky-color"></i>
                        <h3>Graphic Design</h3>
                        <p>
                            Logo, UI, Prototyping, Flyer and much more.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- SKILLS -->
    <section class="mh-skills skills" id="skills">
        <div class="container">
            <div class="row section-separator">
                <div class="section-title text-center col-sm-12">
                    <!--<h2>Skills</h2>-->
                </div>
                <div class="col-sm-12 col-md-6">
                    <div class="mh-skills-inner">
                        <div class="mh-professional-skill wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">
                            <h3>Freelancer Dev Skills</h3>
                            <div class="each-skills">
                                <div class="candidatos">
                                    <div class="parcial">
                                        <div class="info">
                                            <div class="nome">Web Development: HTML5, CSS, Javascript, PHP, SQL</div>
                                            <div class="percentagem-num"></div>
                                        </div>
                                        <div class="progressBar">
                                            <div class="percentagem" style="width: 91%;"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="candidatos">
                                    <div class="parcial">
                                        <div class="info">
                                            <div class="nome">CMS: Joomla / Wordpress</div>
                                            <div class="percentagem-num"></div>
                                        </div>
                                        <div class="progressBar">
                                            <div class="percentagem" style="width: 82%;"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="candidatos">
                                    <div class="parcial">
                                        <div class="info">
                                            <div class="nome">Graphic Design: Photoshop / Illustrator / InDesign</div>
                                            <div class="percentagem-num"></div>
                                        </div>
                                        <div class="progressBar">
                                            <div class="percentagem" style="width: 75%;"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="candidatos">
                                    <div class="parcial">
                                        <div class="info">
                                            <div class="nome">E-Commerce: Magento / PrestaShop / WooCommerce</div>
                                            <div class="percentagem-num"></div>
                                        </div>
                                        <div class="progressBar">
                                            <div class="percentagem" style="width: 32%;"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="candidatos">
                                    <div class="parcial">
                                        <div class="info">
                                            <div class="nome">Others: Java, C#, Xamarin, Python, ABAP</div>
                                            <div class="percentagem-num"></div>
                                        </div>
                                        <div class="progressBar">
                                            <div class="percentagem" style="width: 15%;"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6">
                    <div class="mh-professional-skills wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.5s">
                        <h3>Most Used</h3>
                        <ul class="mh-professional-progress">
                            <li>
                                <a href="http://de.wikipedia.org/wiki/HTML5" target="_blank" title="HTML5">
                                    <img src="assets/images/html5.jpg" class="img-fluid img-greycolor" alt="">
                                </a>
                            </li>
                            <li>
                                <a href="http://php.net/" target="_blank" title="PHP">
                                    <img src="assets/images/php.jpg" class="img-fluid img-greycolor" alt="">
                                </a>
                            </li>
                            <li>
                                <a href="http://www.joomla.org/" target="_blank" title="Joomla">
                                    <img src="assets/images/joomla.jpg" class="img-fluid img-greycolor" alt="">
                                </a>
                            </li>
                            <li>
                                <a href="http://wordpress.org/" target="_blank" title="Wordpress">
                                    <img src="assets/images/wordpress.jpg" class="img-fluid img-greycolor" alt="">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- EXPERIENCES -->
    <section class="mh-experince experience" id="experience">
        <div class="bolor-overlay">
            <div class="container">
                <div class="row section-separator">
                    <div class="col-sm-12 col-md-6">
                        <div class="mh-education">
                            <h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Some Education
                                Information</h3>
                            <div class="mh-education-deatils">

                                <div class="mh-education-item dark-bg wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.6s">
                                    <h4>Bachelor of Science at <a href="">DHBW Mosbach</a></h4>
                                    <div class="mh-eduyear">2009-2012</div>
                                    <p>Bachelor of Science (B.Sc) in Business Informatics "Wirtschaftsinformatik" </p>
                                </div>

                                <div class="mh-education-item dark-bg wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.6s">
                                    <h4>Train the Trainer (AdA) <a href="">IHK</a></h4>
                                    <div class="mh-eduyear">2011</div>
                                    <p>"Ausbildereignungsprüfung"</p>
                                </div>

                                <div class="mh-education-item dark-bg wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.6s">
                                    <h4>ITIL v3 - Foundation Level <a href="">TÜV Süd</a></h4>
                                    <div class="mh-eduyear">2012</div>
                                    <p>ITIL v3 Certificate </p>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-6">
                        <div class="mh-work">
                            <h3>A few Work Experiences</h3>
                            <div class="mh-experience-deatils">

                                <div class="mh-work-item dark-bg wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
                                    <h4>Red Thread Services <a href="">weberbenjamin.de</a></h4>
                                    <div class="mh-eduyear">since 2006</div>
                                    <p>My own company for IT Infrastructure and Webdesign </p>
                                </div>

                                <div class="mh-work-item dark-bg wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.6s">
                                    <h4>Berner Group <a href="">berner-group.com</a></h4>
                                    <div class="mh-eduyear">since 2009</div>
                                    <p>Team Lead for Collaboration & Communication & Access Solutions </p>
                                </div>

                                <div class="mh-work-item dark-bg wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.7s">
                                    <h4>Lecturer for IT Management <a href="">DHBW Karlsruhe</a></h4>
                                    <div class="mh-eduyear">since 2015</div>
                                    <p>Lecture in IT Management and supervisor for bachelor theses </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- PORTFOLIO -->
    <section class="mh-portfolio portfolio" id="portfolio">
        <div class="container">
            <div class="row section-separator">
                <div class="section-title col-sm-12 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.1s">
                    <h3>Recent Portfolio</h3>
                </div>

                <div>coming soon...</div>

                <!--
                <div class="part col-sm-12">
                    <div class="portfolio-nav col-sm-12" id="filter-button">
                        <ul>
                            <li data-filter="*" class="current wow fadeInUp" data-wow-duration="0.8s"
                                data-wow-delay="0.1s"> <span>All Categories</span></li>
                            <li data-filter=".user-interface" class="wow fadeInUp" data-wow-duration="0.8s"
                                data-wow-delay="0.2s"><span>Web Design</span></li>
                            <li data-filter=".branding" class="wow fadeInUp" data-wow-duration="0.8s"
                                data-wow-delay="0.3s"><span>Branding</span></li>
                            <li data-filter=".mockup" class="wow fadeInUp" data-wow-duration="0.8s"
                                data-wow-delay="0.4s"><span>Mockups</span></li>
                            <li data-filter=".ui" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.5s">
                                <span>Photography</span></li>
                        </ul>
                    </div>
                    <div class="mh-project-gallery col-sm-12 wow fadeInUp" id="project-gallery" data-wow-duration="0.8s"
                        data-wow-delay="0.5s">
                        <div class="portfolioContainer row">
                            <div class="grid-item col-md-4 col-sm-6 col-xs-12 user-interface">
                                <figure>
                                    <img src="assets/images/portfolio/g1.jpg" alt="img04">
                                    <figcaption class="fig-caption">
                                        <i class="fa fa-search"></i>
                                        <h5 class="title">Creative Design</h5>
                                        <span class="sub-title">Photograpy</span>
                                        <a data-fancybox data-src="#mh"></a>
                                    </figcaption>
                                </figure>
                            </div>
                            <div class="grid-item col-md-4 col-sm-6 col-xs-12 ui mockup">
                                <figure>
                                    <img src="assets/images/portfolio/g2.png" alt="img04">
                                    <figcaption class="fig-caption">
                                        <i class="fa fa-search"></i>
                                        <h5 class="title">Creative Design</h5>
                                        <span class="sub-title">Photograpy</span>
                                        <a href="assets/images/portfolio/g2.png" data-fancybox data-src="#mh"></a>
                                    </figcaption>
                                </figure>
                            </div>
                            <div class="grid-item col-md-4 col-sm-6 col-xs-12 user-interface">
                                <figure>
                                    <img src="assets/images/portfolio/g3.png" alt="img04">
                                    <figcaption class="fig-caption">
                                        <i class="fa fa-search"></i>
                                        <h5 class="title">Creative Design</h5>
                                        <span class="sub-title">Photograpy</span>
                                        <a href="assets/images/portfolio/g3.png" data-fancybox data-src="#mh"></a>
                                    </figcaption>
                                </figure>
                            </div>
                            <div class="grid-item col-md-4 col-sm-6 col-xs-12 branding">
                                <figure>
                                    <img src="assets/images/portfolio/g5.png" alt="img04">
                                    <figcaption class="fig-caption">
                                        <i class="fa fa-search"></i>
                                        <h5 class="title">Creative Design</h5>
                                        <span class="sub-title">Photograpy</span>
                                        <a href="assets/images/portfolio/g5.png" data-fancybox data-src="#mh"></a>
                                    </figcaption>
                                </figure>
                            </div>
                            <div class="grid-item col-md-4 col-sm-6 col-xs-12 user-interface">
                                <figure>
                                    <img src="assets/images/portfolio/g4.png" alt="img04">
                                    <figcaption class="fig-caption">
                                        <i class="fa fa-search"></i>
                                        <h5 class="title">Creative Design</h5>
                                        <span class="sub-title">Photograpy</span>
                                        <a href="assets/images/portfolio/g4.png" data-fancybox data-src="#mh"></a>
                                    </figcaption>
                                </figure>
                            </div>
                            <div class="grid-item col-md-4 col-sm-6 col-xs-12 branding">
                                <figure>
                                    <img src="assets/images/portfolio/g6.png" alt="img04">
                                    <figcaption class="fig-caption">
                                        <i class="fa fa-search"></i>
                                        <h5 class="title">Creative Design</h5>
                                        <span class="sub-title">Photograpy</span>
                                        <a href="assets/images/portfolio/g6.png" data-fancybox data-src="#mh"></a>
                                    </figcaption>
                                </figure>
                            </div>
                            <div class="grid-item col-md-4 col-sm-6 col-xs-12 branding">
                                <figure>
                                    <img src="assets/images/portfolio/g8.png" alt="img04">
                                    <figcaption class="fig-caption">
                                        <i class="fa fa-search"></i>
                                        <h5 class="title">Creative Design</h5>
                                        <span class="sub-title">Photograpy</span>
                                        <a href="assets/images/portfolio/g8.png" data-fancybox data-src="#mh"></a>
                                    </figcaption>
                                </figure>
                            </div>
                            <div class="grid-item col-md-4 col-sm-6 col-xs-12 ui">
                                <figure>
                                    <img src="assets/images/portfolio/g9.png" alt="img04">
                                    <figcaption class="fig-caption">
                                        <i class="fa fa-search"></i>
                                        <h5 class="title">Creative Design</h5>
                                        <span class="sub-title">Photograpy</span>
                                        <a href="assets/images/portfolio/g9.png" data-fancybox data-src="#mh"></a>
                                    </figcaption>
                                </figure>
                            </div>
                            <div class="grid-item col-md-4 col-sm-6 col-xs-12 branding">
                                <figure>
                                    <img src="assets/images/portfolio/g7.jpg" alt="img04">
                                    <figcaption class="fig-caption">
                                        <i class="fa fa-search"></i>
                                        <h5 class="title">Creative Design</h5>
                                        <span class="sub-title">Photograpy</span>
                                        <a href="assets/images/portfolio/g7.jpg" data-fancybox="gallery"></a>
                                    </figcaption>
                                </figure>
                            </div>
                        </div> 
                    </div> 
                </div> 
            -->

            </div> <!-- End: .row -->
        </div>

        <!--
        <div class="mh-portfolio-modal" id="mh">
            <div class="container">
                <div class="row mh-portfolio-modal-inner">
                    <div class="col-sm-5">
                        <h2>Wrap - A campanion plugin</h2>
                        <p>Wrap is a clean and elegant Multipurpose Landing Page Template.
                            It will fit perfectly for Startup, Web App or any type of Web Services.
                            It has 4 background styles with 6 homepage styles. 6 pre-defined color scheme.
                            All variations are organized separately so you can use / customize the template very easily.
                        </p>

                        <p>It is a clean and elegant Multipurpose Landing Page Template.
                            It will fit perfectly for Startup, Web App or any type of Web Services.
                            It has 4 background styles with 6 homepage styles. 6 pre-defined color scheme.
                            All variations are organized separately so you can use / customize the template very easily.
                        </p>
                        <div class="mh-about-tag">
                            <ul>
                                <li><span>php</span></li>
                                <li><span>html</span></li>
                                <li><span>css</span></li>
                                <li><span>php</span></li>
                                <li><span>wordpress</span></li>
                                <li><span>React</span></li>
                                <li><span>Javascript</span></li>
                            </ul>
                        </div>
                        <a href="" class="btn btn-fill">Live Demo</a>
                    </div>
                    <div class="col-sm-7">
                        <div class="mh-portfolio-modal-img">
                            <img src="assets/images/pr-0.jif" alt="" class="img-fluid">
                            <p>All variations are organized separately so you can use / customize the template very
                                easily.</p>
                            <img src="assets/images/pr-1.jif" alt="" class="img-fluid">
                            <p>All variations are organized separately so you can use / customize the template very
                                easily.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
-->

    </section>

    <!-- PRICING -->
    <section class="mh-pricing" id="mh-pricing">
        <div class="">
            <div class="container">
                <div class="row section-separator">
                    <div class="col-sm-12 section-title" data-wow-duration="0.8s" data-wow-delay="0.2s">
                        <h3>Pricing Table</h3>
                    </div>
                    <div class="col-sm-12 col-md-4">
                        <div class="mh-pricing dark-bg shadow-2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">
                            <i class="fa fa-columns"></i>
                            <h4>Your Website</h4>
                            <p>Your own, individual online presence</p>
                            <h5>from 250 &euro;</h5>
                            <ul>
                                <li>Hosting Configurations</li>
                                <li>Suitable CMS</li>
                                <li>Layout & Design</li>
                            </ul>
                            <a href="#contact" class="btn btn-fill">Hire Me</a>
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-4">
                        <div class="mh-pricing dark-bg shadow-2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.5s">
                            <i class="fa fa-server"></i>
                            <h4>Webhosting</h4>
                            <p>Different Packages available at my partner: alfahosting.de</p>
                            <h5>from 3,99 &euro;</h5>
                            <ul>
                                <li>Hosting in Germany</li>
                                <li>Suitable for Wordpress, Joomla, Drupal, ...</li>

                            </ul>
                            <a href="https://alfahosting.de/webhosting/?wmid=thebrain" target="_blank" class="btn btn-fill">Find your
                                package at alfahosting.de
                                <!--<i class="fa fa-external-link"></i>--></a>
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-4">
                        <div class="mh-pricing dark-bg shadow-2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.7s">
                            <i class="fa fa-magic"></i>
                            <h4>Corporate Identity</h4>
                            <p>Your Logo, Print Media & Website in one professional and consistent design from one
                                source</p>
                            <h5>from 500 &euro;</h5>
                            <ul>
                                <li>Your Logo</li>
                                <li>Business Card & Stationary & Website</li>
                            </ul>
                            <a href="#contact" class="btn btn-fill">Hire Me</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- FOOTER -->
    <footer class="mh-footer contact" id="contact">
        <div class="map-image image-bg">
            <div class="container">
                <div class="row section-separator">
                    <div class="col-sm-12 section-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
                        <h3>Contact Me</h3>
                    </div>

                    <div class="col-sm-12 col-md-12 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">
                        <form id="contactForm" class="single-form quate-form wow fadeInUp" data-toggle="validator">
                            <div id="msgSubmit" class="h3 text-center hidden"></div>
                            <div class="row">
                                <div class="col-md-6 col-sm-12">
                                    <input name="name" class="contact-name form-control" id="name" type="text" placeholder="First Name" required>
                                </div>
                                <div class="col-md-6 col-sm-12">
                                    <input name="name" class="contact-email form-control" id="L_name" type="text" placeholder="Last Name" required>
                                </div>
                                <div class="col-sm-12">
                                    <input name="name" class="contact-subject form-control" id="email" type="email" placeholder="Your Email" required>
                                </div>
                                <div class="col-sm-12">
                                    <textarea class="contact-message" id="message" rows="6" placeholder="Your Message" required></textarea>
                                </div>

                                <div class="col-sm-12">
                                    <input class="" aria-label="Datenschutz" type="checkbox" id="gdpr" name="gdpr" value="akzeptiert" required />
                                    <label class="" for="gdpr"> Ich
                                        stimme der <a href="datenschutz">Datenschutz&shy;erklärung</a>
                                        zu. *
                                    </label>
                                </div>

                                <!-- Subject Button -->
                                <div class="btn-form col-sm-12">
                                    <button type="submit" class="btn btn-fill btn-block" id="form-submit">Send
                                        Message</button>
                                </div>
                            </div>
                        </form>
                    </div>

                    <div class="col-sm-12 mh-copyright wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="text-left text-xs-center">
                                    <p>&copy; All rights reserved by Benjamin Weber 2025</p>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="text-right text-xs-center">
                                    <a href="/cv/impressum">Impressum</a> | <a href="/cv/datenschutz">Datenschutzerklärung</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <!-- jQuery -->
    <script src="assets/plugins/js/jquery.min.js"></script>
    <!-- popper -->
    <script src="assets/plugins/js/popper.min.js"></script>
    <!-- bootstrap -->
    <script src="assets/plugins/js/bootstrap.min.js"></script>
    <!-- owl carousel -->
    <script src="assets/plugins/js/owl.carousel.js"></script>
    <!-- validator -->
    <script src="assets/plugins/js/validator.min.js"></script>
    <!-- wow -->
    <script src="assets/plugins/js/wow.min.js"></script>
    <!-- mixin js-->
    <script src="assets/plugins/js/jquery.mixitup.min.js"></script>
    <!-- circle progress-->
    <script src="assets/plugins/js/circle-progress.js"></script>
    <!-- jquery nav -->
    <script src="assets/plugins/js/jquery.nav.js"></script>
    <!-- Fancybox js-->
    <script src="assets/plugins/js/jquery.fancybox.min.js"></script>
    <!-- isotope js-->
    <script src="assets/plugins/js/isotope.pkgd.js"></script>
    <script src="assets/plugins/js/packery-mode.pkgd.js"></script>
    <!-- Custom Scripts-->
    <script src="assets/js/custom-scripts.js"></script>
</body>

</html>