<!DOCTYPE html>
<html lang="de" dir="ltr">
<head>
    <meta charset="utf-8">
<title>  2http Web Lösung</title>
<meta name="description" content="2http Webdesign-Services, Ihr Markengesicht mit Website-Designs der neuen Generation"/>
<meta name="keywords" content="2http,http,Webgrafik,Webdesign,WordPress,HTML,PHP,SEO,E-Commerce,CMS,Portfolio,Social Media,Dashboard,Logo"/>
<meta name="author" content="https://2http.net"/>

<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">
<!-- Web Fonts  -->
<link id="googleFonts" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800%7CShadows+Into+Light&display=swap" rel="stylesheet" type="text/css">

<!-- Vendor CSS -->
<link rel="stylesheet" href="https://2http.net/assets/2tasarim/vendor/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://2http.net/assets/2tasarim/vendor/fontawesome-free/css/all.min.css">
<link rel="stylesheet" href="https://2http.net/assets/2tasarim/vendor/animate/animate.compat.css">
<link rel="stylesheet" href="https://2http.net/assets/2tasarim/vendor/simple-line-icons/css/simple-line-icons.min.css">
<link rel="stylesheet" href="https://2http.net/assets/2tasarim/vendor/owl.carousel/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://2http.net/assets/2tasarim/vendor/owl.carousel/assets/owl.theme.default.min.css">
<link rel="stylesheet" href="https://2http.net/assets/2tasarim/vendor/magnific-popup/magnific-popup.min.css">

<!-- Theme CSS -->
<link rel="stylesheet" href="https://2http.net/assets/2tasarim/css/theme.css">
<link rel="stylesheet" href="https://2http.net/assets/2tasarim/css/theme-elements.css">
<link rel="stylesheet" href="https://2http.net/assets/2tasarim/css/theme-blog.css">
<link rel="stylesheet" href="https://2http.net/assets/2tasarim/css/theme-shop.css">

<!-- Revolution Slider CSS -->
        <link rel="stylesheet" href="https://2http.net/assets/2tasarim/vendor/rs-plugin/css/settings.css">
		<link rel="stylesheet" href="https://2http.net/assets/2tasarim/vendor/rs-plugin/css/layers.css">
		<link rel="stylesheet" href="https://2http.net/assets/2tasarim/vendor/rs-plugin/css/navigation.css">

<!-- Current Page CSS -->
<link rel="stylesheet" href="https://2http.net/assets/2tasarim/vendor/circle-flip-slideshow/css/component.css">

<!-- Skin CSS -->
<link id="skinCSS" rel="stylesheet" href="https://2http.net/assets/2tasarim/css/skins/skin-business-consulting-4.css">

<!-- Theme Custom CSS -->
<link rel="stylesheet" href="https://2http.net/assets/2tasarim/css/custom.css">

<!-- Demo CSS -->
<link rel="stylesheet" href="https://2http.net/assets/2tasarim/css/demos/demo-business-consulting-4.css">

<!-- Head Libs -->
<script src="https://2http.net/assets/2tasarim/vendor/modernizr/modernizr.min.js"></script>
<!--kod bitiş-->


<!-- Favicon and Touch Icons -->
    <link href="https://2http.net/uploads/settings/16459749722813.png" rel="shortcut icon"
          type="image/png">
    <link href="https://2http.net/uploads/settings/16459749725528.png" rel="apple-touch-icon">
    <link href="https://2http.net/uploads/settings/16459749725528.png" rel="apple-touch-icon"
          sizes="72x72">
    <link href="https://2http.net/uploads/settings/16459749725528.png" rel="apple-touch-icon"
          sizes="114x114">
    <link href="https://2http.net/uploads/settings/16459749725528.png" rel="apple-touch-icon"
          sizes="144x144">

<meta property='og:title'
      content=' '/>
    <meta property='og:image'
          content='https://2http.net/uploads/settings/16459749725528.png'/>
<meta property="og:site_name" content="">
<meta property="og:description" content="2http Webdesign-Services, Ihr Markengesicht mit Website-Designs der neuen Generation"/>
<meta property="og:url" content="https://2http.net/home"/>
<meta property="og:type" content="website"/>


    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-KZWH47M');</script>
    <!-- End Google Tag Manager -->
    <style type="text/css">
    a, a:hover, a:focus, a:active, footer a.text-link:hover, strike, .post-meta span a:hover, footer a.text-link,
    ul.meta-post li a:hover, ul.cat li a:hover, ul.recent li h6 a:hover, ul.portfolio-categ li.active a, ul.portfolio-categ li.active a:hover, ul.portfolio-categ li a:hover, ul.related-post li h4 a:hover, span.highlight, article .post-heading h3 a:hover,
    .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > li > a:hover, .navbar .nav > li > a:focus, .navbar .nav > .active > a:focus {
        color: #012245;
    }

    .navbar-brand span {
        color: #012245;
    }

    header .nav li a:hover,
    header .nav li a:focus,
    header .nav li.active a,
    header .nav li.active a:hover,
    header .nav li a.dropdown-toggle:hover,
    header .nav li a.dropdown-toggle:focus,
    header .nav li.active ul.dropdown-menu li a:hover,
    header .nav li.active ul.dropdown-menu li.active a {
        color: #012245;
    }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #012245;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: #012245;
    }

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
        color: #012245;
    }

    .custom-carousel-nav.right:hover, .custom-carousel-nav.left:hover,
    .dropdown-menu li:hover,
    .dropdown-menu li a:hover,
    .dropdown-menu li > a:focus,
    .dropdown-submenu:hover > a,
    .dropdown-menu .active > a,
    .dropdown-menu .active > a:hover,
    .pagination ul > .active > a:hover,
    .pagination ul > .active > a,
    .pagination ul > .active > span,
    .flex-control-nav li a:hover,
    .flex-control-nav li a.active {
        background-color: #012245;
    }

    .pagination ul > li.active > a,
    .pagination ul > li.active > span, a.thumbnail:hover, input[type="text"].search-form:focus {
        border: 1px solid #012245;
    }

    textarea:focus,
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="date"]:focus,
    input[type="month"]:focus,
    input[type="time"]:focus,
    input[type="week"]:focus,
    input[type="number"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="color"]:focus,
    .uneditable-input:focus {
        border-color: #012245;
    }

    input:focus {
        border-color: #012245;
    }

    #sendmessage {
        color: #012245;
    }

    .pullquote-left {
        border-color: #2e3e4e;
    }

    .pullquote-right {
        border-right: 5px solid #012245;
    }

    .cta-text h2 span {
        color: #012245;
    }

    ul.clients li:hover {
        border: 4px solid #012245;
    }

    .box-bottom {
        background: #012245;
    }

    .btn-dark:hover, .btn-dark:focus, .btn-dark:active {
        background: #012245;
        border: 1px solid #012245;
    }

    .btn-theme {
        border: 1px solid #012245;
        background: #012245;
    }

    .modal.styled .modal-header {
        background-color: #012245;
    }

    .post-meta {
        border-top: 4px solid #012245;
    }

    .post-meta .comments a:hover {
        color: #012245;
    }

    .widget ul.tags li a:hover {
        background: #012245;
    }

    .recent-post .text h5 a:hover {
        color: #012245;
    }

    .pricing-box-alt.special .pricing-heading {
        background: #012245;
    }

    #pagination a:hover {
        background: #012245;
    }

    .pricing-box.special .pricing-offer {
        background: #012245;
    }

    .icon-square:hover,
    .icon-rounded:hover,
    .icon-circled:hover {
        background-color: #012245;
    }

    [class^="icon-"].active,
    [class*=" icon-"].active {
        background-color: #012245;
    }

    .fancybox-close:hover {
        background-color: #012245;
    }

    .fancybox-nav:hover span {
        background-color: #012245;
    }

    .da-slide .da-link:hover {
        background: #012245;
        border: 4px solid #012245;
    }

    .da-dots span {
        background: #012245;
    }

    #featured .flexslider .slide-caption {
        border-left: 5px solid #012245;
    }

    .nivo-directionNav a:hover {
        background-color: #012245;
    }

    .nivo-caption, .caption {
        border-bottom: #012245 5px solid;
    }

    footer {
        background: #012245;
    }

    #sub-footer {
        background: #2e3e4e;
    }

    .site-top {
        background: #012245;
    }

    ul.cat li .active {
        color: #012245;
    }

    .box-gray .icon .fa, h4, .heading {
        color: #012245;
    }

    .flex-caption {
        background-color: #2e3e4e;
    }

    .flex-caption .btn-theme {
        background: #012245;
    }

    .flex-caption .btn-theme:hover {
        background: #fff;
        color: #012245;
    }

    .btn-info {
        background: #012245;
        border-color: #2e3e4e;
    }

    .btn-info:hover {
        background: #2e3e4e;
    }

    .flex-control-paging li a.flex-active {
        background: #012245;
    }

    .flex-control-paging li a {
        background: #2e3e4e;
    }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        background: transparent;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        background: transparent;
    }

    #inner-headline {
        background: #2e3e4e;
    }

    .navbar .nav li .dropdown-menu {
        background: #012245;
    }
    .navbar .nav li .dropdown-menu li:hover {
        background: #2e3e4e;
    }

    @media (max-width: 767px) {
        header .navbar-nav > li {
            background: #012245;
        }

        .dropdown-menu {
            background: #012245;
        }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a {
            color: #fff;
        }

        header .nav li a:hover,
        header .nav li a:focus,
        header .nav li.active a,
        header .nav li.active a:hover,
        header .nav li a.dropdown-toggle:hover,
        header .nav li a.dropdown-toggle:focus,
        header .nav li.active ul.dropdown-menu li a:hover,
        header .nav li.active ul.dropdown-menu li.active a {
            color: #fff;
        }

        .navbar .nav > li > a {
            color: #fff;
        }

        .navbar-default .navbar-nav > .active > a,
        .navbar-default .navbar-nav > .active > a:hover,
        .navbar-default .navbar-nav > .active > a:focus {
            background-color: #012245;
            color: #fff;
        }

        .navbar-default .navbar-nav > .open > a,
        .navbar-default .navbar-nav > .open > a:hover,
        .navbar-default .navbar-nav > .open > a:focus {
            background-color: #012245;
            color: #fff;
        }

    }

    .navbar .nav > li:hover > a,.pagination > li > a,.pagination > li > a:hover,.pagination > li > a:active ,.pagination > li > a:focus {
        color: #012245;
    }

    .content-row-bg {
        background: #2e3e4e;
    }
    #content .contacts p .fa,  #content .contacts address .fa{
        background: #012245;
    }


    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        background-color: #012245;
        border-color: #012245;
    }
    ::-webkit-scrollbar-thumb {
        background: #2e3e4e;
    }
    ::-webkit-scrollbar-thumb:hover {
        background: #012245;
    }
</style>
</head>

<body >
<div class="body">
    <!-- start header -->
<header id="header" class="header-transparent" data-plugin-options="{'stickyEnabled': true, 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': false, 'stickyChangeLogo': false, 'stickyStartAt': 53, 'stickySetTop': '-53px'}">
<div class="header-body border-top-0 h-auto box-shadow-none">
					<div class="header-top header-top-borders">
						<div class="container h-100">
							<div class="header-row h-100">
								<div class="header-column justify-content-start">
									<div class="header-row">
										<nav class="header-nav-top">
											<ul class="nav nav-pills">
                                                                                        <li class="nav-item nav-item-left-border nav-item-left-border-remove nav-item-left-border-sm-show">
                                            <a class="nav-link" role="button" id="dropdownLanguage" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                                        <img src="https://2http.net/assets/dashboard/images/flags/de.svg" class="flag flag-us" alt="" />
                                            Deutsch <i class="fa fa-angle-down"></i>
													</a>
													<div class="dropdown-menu dropdow-menu-arrow-right" aria-labelledby="dropdownLanguage">
                                                                                        <a href="https://2http.net/lang/de" class="dropdown-item">
                                                                                                <img src="https://2http.net/assets/dashboard/images/flags/de.svg" class="flag flag-us" alt="">
                                                                                             Deutsch</a>
                                                                                        <a href="https://2http.net/lang/tr" class="dropdown-item">
                                                                                                <img src="https://2http.net/assets/dashboard/images/flags/tr.svg" class="flag flag-us" alt="">
                                                                                             Turkey</a>
                                                    													</div>
												</li> 											</ul>
										</nav>
									</div> 
								</div>
								<div class="header-column justify-content-end">
									<div class="header-row">
										<nav class="header-nav-top">
											<ul class="nav nav-pills p-relative bottom-2">
											</ul>
										</nav>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="header-container header-container-height-sm container p-static">
						<div class="header-row">
							<div class="header-column">
								<div class="header-row">
									<div class="header-logo">
										<a href="https://2http.net">
                                                                <img alt="" width="123" height="70" src="https://2http.net/uploads/settings/16459717586412.png">
                    										</a>
									</div>
								</div>
							</div>
                            <div class="header-column justify-content-end">
								<div class="header-row">
									<div class="header-nav header-nav-links">
										<div class="header-nav-main header-nav-main-square header-nav-main-dropdown-no-borders header-nav-main-dropdown-border-radius header-nav-main-text-capitalize header-nav-main-text-size-4 header-nav-main-arrows header-nav-main-full-width-mega-menu header-nav-main-mega-menu-bg-hover header-nav-main-effect-2">
											<nav class="collapse">
            <ul class="nav nav-pills" id="mainNav">
                                                                                                        <li><a href="https://2http.net/home">Startseite</a></li>
                                                                                                                            <li class="dropdown">
                            <a href="javascript:void(0)" class="nav-link dropdown-toggle" data-toggle="dropdown"
                               data-hover="dropdown"
                               data-delay="0" data-close-others="true">Leistungen</a>

                                                            
                                <ul class="dropdown-menu">
                                                                                                                                                                                                                        <li>
                                                    <a href="https://2http.net/web-design" class="dropdown-item">
                                                                                                                    <i class="fa fa-code"></i> &nbsp;
                                                                                                                Web Design</a>
                                                </li>
                                                                                                                                                                                                                                                                                                            <li>
                                                    <a href="https://2http.net/e-commerce-webshops" class="dropdown-item">
                                                                                                                    <i class="fa fa-cart-plus"></i> &nbsp;
                                                                                                                E-Commerce</a>
                                                </li>
                                                                                                                                                                                                                                                                                                            <li>
                                                    <a href="https://2http.net/persoenliche-webseites" class="dropdown-item">
                                                                                                                    <i class="fa fa-desktop"></i> &nbsp;
                                                                                                                Persönliche Webseites</a>
                                                </li>
                                                                                                                                                                                                                                                                                                            <li>
                                                    <a href="https://2http.net/cms" class="dropdown-item">
                                                                                                                    <i class="fa fa-server"></i> &nbsp;
                                                                                                                CMS</a>
                                                </li>
                                                                                                                                                                                                                                                                                                            <li>
                                                    <a href="https://2http.net/homepage-betreuung" class="dropdown-item">
                                                                                                                    <i class="fa fa-briefcase"></i> &nbsp;
                                                                                                                Homepage Betreuung</a>
                                                </li>
                                                                                                                                                                                                                                                                                                            <li>
                                                    <a href="https://2http.net/website-analyse" class="dropdown-item">
                                                                                                                    <i class="fa fa-wrench"></i> &nbsp;
                                                                                                                Website Analyse</a>
                                                </li>
                                                                                                                                                                                                                                                                                                            <li>
                                                    <a href="https://2http.net/grafik-logo-design" class="dropdown-item">
                                                                                                                    <i class="fa fa-arrows-alt"></i> &nbsp;
                                                                                                                Grafik- / Logo-Design</a>
                                                </li>
                                                                                                                                                                                                                                                                                                            <li>
                                                    <a href="https://2http.net/seo-suchmaschinenoptimierung" class="dropdown-item">
                                                                                                                    <i class="fa fa-search"></i> &nbsp;
                                                                                                                SEO (Suchmaschinenoptimierung)</a>
                                                </li>
                                                                                                                                                                                                                                                                                                            <li>
                                                    <a href="https://2http.net/social-media-betreuung" class="dropdown-item">
                                                                                                                    <i class="fa fa-users"></i> &nbsp;
                                                                                                                Social Media Betreuung</a>
                                                </li>
                                                                                                                                                        </ul>
                            
                        </li>
                                                                                                                            <li class="dropdown">
                            <a href="javascript:void(0)" class="dropdown-item" data-toggle="dropdown"
                               data-hover="dropdown"
                               data-delay="0" data-close-others="true">Projekte</a>
                                                    </li>
                                                                                                                            <li><a href="https://2http.net/contact">Kontakt</a></li>
                                    
            </ul>
                                            </nav>
                                            
                                        </div>
                                        <button class="btn header-btn-collapse-nav" data-bs-toggle="collapse" data-bs-target=".header-nav-main nav">
											<i class="fas fa-bars"></i>
										</button>
                                    </div>
                                </div>
        </div>
    						</div>
					</div>
				</div>
</header>
<!-- end header -->

    <!-- Content Section -->
    <div role="main" class="main">
        
    <!-- start Home Slider -->
    <section class="section border-0 video overlay overlay-show overlay-color-light overlay-op-8 m-0" data-video-path="video/busy" data-plugin-video-background data-plugin-options="{'posterType': 'jpg', 'position': '50% 50%'}" style="height: 100vh;">
        <!-- start slider -->
        <!-- Slider -->
                                                        

                                                                                                                                
                            <video width="100%" height="500" autoplay="" loop="" muted="" playsinline="" style="margin: auto; position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); visibility: visible; opacity: 1; width: 1600px; height: auto;">                                
                            <source src="https://2http.net/uploads/banners/16704630476939.mp4" type="video/mp4">
                                Your browser does not support the video tag.
                            </video>
                                                                <div class="container position-relative z-index-3 h-100">
						<div class="row align-items-center h-100">
							<div class="col">								<div class="d-flex flex-column align-items-center justify-content-center h-100">
                                <div class="container h-100">
						<div class="row align-items-center h-100">
							<div class="col">
								<div class="d-flex flex-column align-items-center justify-content-center h-100">
									<h1 class="position-relative text-color-dark text-5 line-height-5 font-weight-semibold px-4 mb-2 appear-animation" data-appear-animation="fadeInDownShorterPlus" data-plugin-options="{'minWindowWidth': 0}">
										<span class="position-absolute right-100pct top-50pct transform3dy-n50">
											<img src="img/slides/slide-title-border-light.png" class="w-auto appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="250" data-plugin-options="{'minWindowWidth': 0}" alt="" />
										</span>
										#jetzt ist die Zeit
										<span class="position-absolute left-100pct top-50pct transform3dy-n50">
											<img src="img/slides/slide-title-border-light.png" class="w-auto appear-animation" data-appear-animation="fadeInLeftShorter" data-appear-animation-delay="250" data-plugin-options="{'minWindowWidth': 0}" alt="" />
										</span>
									</h1>
									<h1 class="text-color-dark font-weight-extra-bold text-12 mb-3 appear-animation" data-appear-animation="blurIn" data-appear-animation-delay="1000" data-plugin-options="{'minWindowWidth': 0}">WEB DESIGN?</h1>
									<p class="text-4 text-color-dark font-weight-light mb-0" data-plugin-animated-letters data-plugin-options="{'startDelay': 2000, 'minWindowWidth': 0}">Sehen Sie sich unsere Optionen und Funktionen an !</p>
								</div>
							</div>
						</div>
								</div>							</div>
						</div>
                    </div>
                        </div>
                   
						<a href="https://2http.net#main" class="slider-scroll-button slider-scroll-button-dark position-absolute bottom-10 left-50pct transform3dx-n50" data-hash="" data-hash-offset="0" data-hash-offset-lg="80">Sroll To Bottom</a>
                            
            
        <!-- end slider -->
    </section>
    <!-- end Home Slider -->
    
                    
            <section class="section border-0 bg-transparent m-0" id="start">
                
                
                    <div class="container my-5 pt-md-4 pt-xl-0">
    <div class="row align-items-center justify-content-center pb-4 mb-5">
        <div class="col-lg-6 pb-sm-4 pb-lg-0 mb-5 mb-lg-0">
            <div class="overflow-hidden">
                <h2 class="font-weight-bold text-color-dark line-height-1 mb-0 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="300">2HTTP Web Design</h2>
            </div>
            <div class="custom-divider divider divider-primary divider-small my-3">
                <hr class="my-0 appear-animation" data-appear-animation="customLineProgressAnim" data-appear-animation-delay="700" />
            </div>
            <p class="font-weight-light text-3-5 mb-4 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="450">Es ist der richtige Zeitpunkt, um Ihre Arbeit im Internet zu präsentieren. Wir begleiten Sie, um Ihr Unternehmen und Ihren Namen mit den richtigen Projekten auf die nächste Stufe zu heben. Sie können uns ohne Zeitverlust kontaktieren. Indem wir gemeinsam Ihre Wünsche und Projekte evaluieren, können wir den richtigen Weg für Sie einschlagen.</p>

        </div>
        <div class="col-10 col-md-9 col-lg-6 ps-lg-5 pe-5 appear-animation" data-appear-animation="fadeInRightShorterPlus" data-appear-animation-delay="1450" data-plugin-options="{'accY': -200}">
            <div class="position-relative">
                <div data-plugin-float-element="" data-plugin-options="{'startPos': 'top', 'speed': 0.2, 'transition': true, 'transitionDuration': 1000, 'isInsideSVG': true}"><img class="img-fluid" src="../../../../uploads/media/giris/2giris2.png" alt="" /></div>
                <div class="position-absolute transform3dxy-n50" style="top: 25%; left: 7%;">
                    <div data-plugin-float-element="" data-plugin-options="{'startPos': 'top', 'speed': 0.5, 'transition': true, 'transitionDuration': 2000, 'isInsideSVG': false}"><img class="appear-animation" src="../../../../uploads/media/giris/2giris21.png" alt="" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="1700" /></div>
                </div>
                <div class="position-absolute transform3dxy-n50 ms-5 pb-5 ms-xl-0" style="top: 32%; left: 85%;">
                    <div data-plugin-float-element="" data-plugin-options="{'startPos': 'top', 'speed': 1, 'transition': true, 'transitionDuration': 1500, 'isInsideSVG': false}"><img class="appear-animation" src="../../../../uploads/media/giris/2giris22.png" alt="" data-appear-animation="fadeInRightShorterPlus" data-appear-animation-delay="1900" /></div>
                </div>
                <div class="position-absolute transform3dxy-n50" style="top: 90%; left: 19%;">
                    <div data-plugin-float-element="" data-plugin-options="{'startPos': 'top', 'speed': 2, 'transition': true, 'transitionDuration': 2500, 'isInsideSVG': false}"><img class="appear-animation" src="../../../../uploads/media/giris/2giris23.png" alt="" data-appear-animation="fadeInDownShorterPlus" data-appear-animation-delay="2100" /></div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row featured-boxes-full">

    <div class="col-lg-3" style="background-image: url(../../../../uploads/media/giris/giris31.png); background-position: center; background-repeat: no-repeat; background-size: cover;">
    </div>
    <div class="col-lg-3 featured-box-full featured-box-full-dark text-start">
        <div class="overflow-hidden">
            <h4 class="font-weight-normal text-5 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="300">Ihre Projekte Werden Realisiert</h4>
        </div>
        <div class="custom-divider divider divider-primary divider-small my-3">
            <hr class="my-0" />
        </div>
        <p class="mb-0 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="450">Lassen Sie uns ihre Geschäftsstrategien gemeinsam planen. Passende Lösungen für Sie zu finden, ist Teil unserer Arbeit. Wir identifizieren Ihre Bedürfnisse und bieten Ihnen die am besten geeigneten Lösungen.</p>
    </div>
    <div class="col-lg-3" style="background-image: url(../../../../uploads/media/giris/giris32.png); background-position: center; background-repeat: no-repeat; background-size: cover;"></div>
    <div class="col-lg-3 featured-box-full featured-box-full-dark text-start">
        <div class="overflow-hidden">
            <h4 class="font-weight-normal text-5 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="600">Benutzerdefinierte Management-Panels</h4>
        </div>
        <div class="custom-divider divider divider-primary divider-small my-3">
            <hr class="my-0" />
        </div>
        <p class="mb-0 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="750">Bei Projekten legen wir Wert auf Einfachheit. Wir machen einfache, aber effektive Arbeit, bei der Sie nicht in den Codes verloren gehen. Nach dem Projekt unterstützen wir sie kontinuierlich und bieten Verbesserungen für Sie an...</p>
    </div>
</div>
<div class="divider divider-style-4 taller appear-animation animated bounceIn appear-animation-visible" data-appear-animation="bounceIn" data-appear-animation-delay="300" style="animation-delay: 300ms;">
    <i class="fas fa-chevron-down"></i>
</div>
<div class="container py-2">
    <div class="row align-items-center">
        <div class="col-lg-6 pe-lg-5">
            <h2 class="word-rotator font-weight-semi-bold clip is-full-width mb-2">
                 <span class="word-rotator-words ">
                                <b class="is-visible ">#Design</b>
                                <b>#Kodierung</b>
                                <b>#Seo</b>
                            </span>
                <span> 2http</span>
            </h2>
            <h3 class="alternative-font font-weight text-5 line-height-2 text-transform-none mb-3 ">#Wir begleiten Sie bei Ihren Projekten..</h3>
            <h3 class="alternative-font font-weight text-5 line-height-2 text-transform-none mb-3 ">#Wir begleiten Sie bei Ihren Projekten..</h3>
            <a href="{{ URL::to( '/contact') }} " class="btn btn-primary btn-modern font-weight-bold text-2 py-3 btn-px-3 mt-2 btn-primary btn-swap-1 "><span>KONTAKT</span>
                                <span>Kommunikation</span><i class="fas fa-arrow-right ms-2 "></i></a>

        </div>
        <div class="col-lg-3 " style="padding-top: 120px; ">

            <div class="card border-radius-2 bg-color-light box-shadow-1 mb-4 ">
                <div class="card-body p-relative zindex-1 ">

                    <div class="feature-box feature-box-primary text-center d-flex flex-column align-items-center ">
                        <div class="feature-box-icon border-radius-2 mb-3 w-auto h-auto p-4 text-5 ">
                            <i class="fas fa-code "></i>
                        </div>
                        <div class="feature-box-info p-0 mt-2 ">
                            <h4 class="mb-2 ">Web-Design</h4>
                            <p class="mb-0 ">Nicht von ähnlichen Seiten. Speziell für Sie gestaltete Websites.</p>
                            <a href="/ " class="read-more text-color-primary font-weight-semibold mt-2 text-2 ">Detail <i class="fas fa-angle-right position-relative top-1 ms-1 "></i></a>
                        </div>
                    </div>

                </div>
            </div>

            <div class="card border-radius-2 bg-color-light box-shadow-1 mb-4 ">
                <div class="card-body p-relative zindex-1 ">

                    <div class="feature-box feature-box-primary text-center d-flex flex-column align-items-center ">
                        <div class="feature-box-icon border-radius-2 mb-3 w-auto h-auto p-4 text-5 ">
                            <i class="fas fa-chart-line "></i>
                        </div>
                        <div class="feature-box-info p-0 mt-2 ">
                            <h4 class="mb-2 ">Seo</h4>
                            <p class="mb-0 ">Wir sorgen dafür, dass Ihre Webseiten Ihren Mitbewerbern voraus sind. </p>
                            <a href="/ " class="read-more text-color-primary font-weight-semibold mt-2 text-2 ">Detail <i class="fas fa-angle-right position-relative top-1 ms-1 "></i></a>
                        </div>
                    </div>

                </div>
            </div>

        </div>

        <div class="col-lg-3 ">

            <div class="card border-radius-2 bg-color-light box-shadow-1 mb-4 ">
                <div class="card-body p-relative zindex-1 ">

                    <div class="feature-box feature-box-primary text-center d-flex flex-column align-items-center ">
                        <div class="feature-box-icon border-radius-2 mb-3 w-auto h-auto p-4 text-5 ">
                            <i class="fas fa-shopping-cart "></i>
                        </div>
                        <div class="feature-box-info p-0 mt-2 ">
                            <h4 class="mb-2 ">E-commerce</h4>
                            <p class="mb-0 ">Wir arbeiten daran, Ihre Produkte für jedermann über das Internet zugänglich zu machen.</p>
                            <a href="/ " class="read-more text-color-primary font-weight-semibold mt-2 text-2 ">Detail <i class="fas fa-angle-right position-relative top-1 ms-1 "></i></a>
                        </div>
                    </div>

                </div>
            </div>

            <div class="card border-radius-2 bg-color-light box-shadow-1 mb-4 ">
                <div class="card-body p-relative zindex-1 ">

                    <div class="feature-box feature-box-primary text-center d-flex flex-column align-items-center ">
                        <div class="feature-box-icon border-radius-2 mb-3 w-auto h-auto p-4 text-5 ">
                            <i class="fas fa-object-group "></i>
                        </div>
                        <div class="feature-box-info p-0 mt-2 ">
                            <h4 class="mb-2 ">Grafik-/Logodesign</h4>
                            <p class="mb-0 ">Mit speziellen Grafik- und Logoarbeiten ermöglichen wir Ihnen, professionell ganz vorne dabei zu sein.</p>
                            <a href="/ " class="read-more text-color-primary font-weight-semibold mt-2 text-2 ">Detail <i class="fas fa-angle-right position-relative top-1 ms-1 "></i></a>
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div>
</div>
               
            </section>
                
       
     

    
             <div class="container mb-5 pb-4">

               <div class="row" >
                    <div class="owl-carousel owl-theme carousel-center-active-item" data-plugin-options="{'responsive': {'0': {'items': 1}, '476': {'items': 1}, '768': {'items': 5}, '992': {'items': 7}, '1200': {'items': 7}}, 'autoplay': true, 'autoplayTimeout': 3000, 'dots': false}">
                       
                                    
                                                                                                                    
                                            
                                                <div>
                                                    <img src="https://2http.net/uploads/topics/16482390789346.png" class="img-fluid" 
                                                         data-placement="bottom" title="1"
                                                         alt="1">
                                                </div>
                                            

                                       
                                                                                                                                                            
                                            
                                                <div>
                                                    <img src="https://2http.net/uploads/topics/16482390976646.png" class="img-fluid" 
                                                         data-placement="bottom" title="2"
                                                         alt="2">
                                                </div>
                                            

                                       
                                                                                                                                                            
                                            
                                                <div>
                                                    <img src="https://2http.net/uploads/topics/16482391097889.png" class="img-fluid" 
                                                         data-placement="bottom" title="3"
                                                         alt="3">
                                                </div>
                                            

                                       
                                                                                                                                                            
                                            
                                                <div>
                                                    <img src="https://2http.net/uploads/topics/16482391357150.png" class="img-fluid" 
                                                         data-placement="bottom" title="4"
                                                         alt="4">
                                                </div>
                                            

                                       
                                                                            
                                
                            </div><!-- /Slide -->
                        </div>
                </div><!-- /#myCarousel -->
                </div>

            </div>


    
    </div>
    <!-- end of Content Section -->

    <!-- start footer -->
<section class="call-to-action call-to-action-strong-grey content-align-center call-to-action-in-footer">
    <div class="container">
        <div class="row">
            <div class="col-md-9 col-lg-9">
                <div class="call-to-action-content">
                    <h2 class="font-weight-normal text-6 mb-0 word-rotator font-weight-semi-bold loading-bar mb-2">
                        <span></span> 
                    <span class="word-rotator-words" style="width: 70px; overflow: hidden;">2Http</span>
                        <span> #Wir begleiten Sie bei Ihren Projekten..</span></h2>
                </div>
            </div>
            <div class="col-md-3 col-lg-3">
                <div class="call-to-action-btn">
                <a href="contact" class="btn btn-primary btn-modern font-weight-bold text-2 py-3 btn-px-3 mt-2 btn-primary btn-swap-1 "><span>Kontaktinformationen</span><span>Kontaktinformationen</span></a>
                                            </div>
            </div>
        </div>
    </div>
</section>
<footer id="footer" >
                    <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="contact-details">
                    <h5 class="text-3 mb-3"><i
                                class="fa fa-phone-square"></i>&nbsp; Kontaktinformationen</h5>
                                                    <address>
                                <strong>Adresse:</strong><br>
                                <i class="far fa-dot-circle text-color-primary"></i>
                                &nbsp;Österreich, Vienna
                            </address>
                                                                                                    <p>
                                <strong>E-Mail:</strong><br>
                                <i class="far fa-envelope text-color-primary"></i> &nbsp;<a
                                    href="mailto:info@2http.net">info@2http.net</a>
                            </p>
                                            </div>
                </div>
                
                   
                <div class="col-md-6 col-lg-2">
                <h5 class="word-rotator font-weight-semi-bold push mb-2">
										<span><i class="icon-share icons"></i></span>
										<span class="word-rotator-words">
											<b class="is-visible">Sosyal Biz</b>
											<b>Folgen Uns</b>
											<b>Fallow Us</b>
										</span>
										<span></span>
									</h5>
							<ul class="social-icons">
                                                    <li class="social-icons-facebook"><a href="https://www.facebook.com/2http.net" data-placement="top" title="Facebook"
                                   target="_blank"><i
                                        class="fab fa-facebook"></i></a></li>
                                                                            <li><a href="https://www.twitter.com/2http" data-placement="top" title="Twitter"
                                   target="_blank"><i
                                        class="fab fa-twitter"></i></a></li>
                                                                                                                            <li><a href="https://www.instagram.com/2http" data-placement="top" title="Instagram"
                                   target="_blank"><i
                                        class="fab fa-instagram"></i></a></li>
                                                                                                                                                <li><a href="https://wa.me/+436602001844" data-placement="top" target="_blank"title="whatsapp" >
                        <i class="fab fa-whatsapp"></i></a></li>
                                            </ul>
						</div>

            </div>
        </div>
        <div class="footer-copyright">
        <div class="container py-2">
            <div class="row py-4">
                <div class="col-lg-6">
                    <div class="col-lg-7 d-flex align-items-center justify-content-center justify-content-lg-start mb-4 mb-lg-0">
                                                                                                            &copy; 2024 Alle Rechte vorbehalten.   <a>2http Web Lösung</a>
                    </div>
                </div>
                <div class="col-lg-6 d-flex align-items-center justify-content-center justify-content-lg-end">
                <nav id="sub-menu">
                                                 <ul>
                                                                                                                                                                
                                                                                        <li><i class="fas fa-angle-right"></i><a href="https://2http.net/home">Homer</a>
                                            </li>
                                                                                                                                                                                                        
                                                                                        <li><i class="fas fa-angle-right"></i><a href="https://2http.net/topic/about">Über uns</a>
                                            </li>
                                                                                                                                                                                                        
                                                                                        <li><i class="fas fa-angle-right"></i><a href="https://2http.net/topic/privacy">Datenschutz</a>
                                            </li>
                                                                                                                                                                                                        
                                                                                        <li><i class="fas fa-angle-right"></i><a href="https://2http.net/contact">Kontakt</a>
                                            </li>
                                                                                                            </ul>
                            </nav>
                </div>                             </div>
        </div>
    </div>
</footer>
</div>
<!-- end footer -->
</div>
<script type="text/javascript">
    var page_dir = "ltr";
</script>
		<!-- Revolution Slider Scripts -->
		<script src="https://2http.net/assets/2tasarim/vendor/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
		<script src="https://2http.net/assets/2tasarim/vendor/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
		<!-- Circle Flip Slideshow Script -->
		<script src="https://2http.net/assets/2tasarim/vendor/circle-flip-slideshow/js/jquery.flipshow.min.js"></script>
		<!-- Current Page Views -->

<!-- Vendor -->
        <script src="https://2http.net/assets/2tasarim/vendor/jquery/jquery.min.js"></script>
		<script src="https://2http.net/assets/2tasarim/vendor/jquery.appear/jquery.appear.min.js"></script>
		<script src="https://2http.net/assets/2tasarim/vendor/jquery.easing/jquery.easing.min.js"></script>
		<script src="https://2http.net/assets/2tasarim/vendor/jquery.cookie/jquery.cookie.min.js"></script>
		<script src="https://2http.net/assets/2tasarim/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
		<script src="https://2http.net/assets/2tasarim/vendor/jquery.validation/jquery.validate.min.js"></script>
		<script src="https://2http.net/assets/2tasarim/vendor/jquery.easy-pie-chart/jquery.easypiechart.min.js"></script>
		<script src="https://2http.net/assets/2tasarim/vendor/jquery.gmap/jquery.gmap.min.js"></script>
		<script src="https://2http.net/assets/2tasarim/vendor/lazysizes/lazysizes.min.js"></script>
		<script src="https://2http.net/assets/2tasarim/vendor/isotope/jquery.isotope.min.js"></script>
		<script src="https://2http.net/assets/2tasarim/vendor/owl.carousel/owl.carousel.min.js"></script>
		<script src="https://2http.net/assets/2tasarim/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
		<script src="https://2http.net/assets/2tasarim/vendor/vide/jquery.vide.min.js"></script>
		<script src="https://2http.net/assets/2tasarim/vendor/vivus/vivus.min.js"></script>
		<script src="https://2http.net/assets/2tasarim/vendor/particles/particles.min.js"></script>

		<!-- Theme Base, Components and Settings -->
		<script src="https://2http.net/assets/2tasarim/js/theme.js"></script>

		<!-- Demo -->
		<script src="https://2http.net/assets/2tasarim/js/demos/demo-business-consulting-4.js"></script>

		<!-- Theme Custom -->
		<script src="https://2http.net/assets/2tasarim/js/custom.js"></script>

		<!-- Theme Initialization Files -->
		<script src="https://2http.net/assets/2tasarim/js/theme.init.js"></script>
        	<!-- Examples -->
		<script src="https://2http.net/assets/2tasarim/js/examples/examples.particles.js"></script>

<!--<script src="https://2http.net/assets/frontend/js/jquery.js"></script>
<script src="https://2http.net/assets/frontend/js/jquery.easing.1.3.js"></script>
<script src="https://2http.net/assets/frontend/js/bootstrap.min.js"></script>
<script src="https://2http.net/assets/frontend/js/jquery.fancybox.pack.js"></script>
<script src="https://2http.net/assets/frontend/js/jquery.fancybox-media.js"></script>
<script src="https://2http.net/assets/frontend/js/google-code-prettify/prettify.js"></script>
<script src="https://2http.net/assets/frontend/js/portfolio/jquery.quicksand.js"></script>
<script src="https://2http.net/assets/frontend/js/portfolio/setting.js"></script>
<script src="https://2http.net/assets/frontend/js/jquery.flexslider.js"></script>
<script src="https://2http.net/assets/frontend/js/animate.js"></script>
<script src="https://2http.net/assets/frontend/js/custom.js"></script>
<script src="https://2http.net/assets/frontend/js/owl-carousel/owl.carousel.js"></script>
<script src="https://2http.net/assets/frontend/js/Chart.min.js"></script>

<script src="https://2http.net/assets/frontend/js/bootstrap-select.js"></script>

<script src="https://2http.net/assets/frontend/js/i18n/defaults.min.js"></script>
<script src="https://2http.net/assets/frontend/js/select2.min.js"></script>
<script src="https://2http.net/assets/frontend/js/moment.js"></script>
<script src="https://2http.net/assets/dashboard/js/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>
-->
 <script>
    $(".select2").select2();
    $(".select2-multiple").select2({
        tags: true
    });
    $(function () {
        $('.date').datetimepicker({
            format: 'YYYY-MM-DD',
            icons: {
                time: 'fa fa-clock-o',
                date: 'fa fa-calendar',
                up: 'fa fa-chevron-up',
                down: 'fa fa-chevron-down',
                previous: 'fa fa-chevron-left',
                next: 'fa fa-chevron-right',
                today: 'fa fa-screenshot',
                clear: 'fa fa-trash',
                close: 'fa fa-remove'
            }
        });
        $('.dateTime').datetimepicker({
            format: 'YYYY-MM-DD hh:mm A',
            icons: {
                time: 'fa fa-clock-o',
                date: 'fa fa-calendar',
                up: 'fa fa-chevron-up',
                down: 'fa fa-chevron-down',
                previous: 'fa fa-chevron-left',
                next: 'fa fa-chevron-right',
                today: 'fa fa-screenshot',
                clear: 'fa fa-trash',
                close: 'fa fa-remove'
            }
        });
    });
</script>




    <!-- Google Tag Manager (noscript) -->
    <noscript>
        <iframe src="//www.googletagmanager.com/ns.html?id=GTM-KZWH47M"
                height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>
    <!-- End Google Tag Manager (noscript) -->




    <div id="preloader"></div>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(window).load(function () {
                $('#preloader').fadeOut('slow', function () {
                    // $(this).remove();
                });
            });
        });
    </script>
    <script type="text/javascript">
        window.onscroll = function () {
            myFunction()
        };
        var header = document.getElementsByTagName("header")[0];
        var sticky = header.offsetTop;

        function myFunction() {
            if (window.pageYOffset >= sticky) {
                header.classList.add("sticky");
            } else {
                header.classList.remove("sticky");
            }
        }
    </script>
</body>
</html>
