<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <header> <nav class="navbar navbar-expand-lg navbar-dark fixed-top scrolling-navbar"> <div class="container"> <a class="navbar-brand" href="#"> <i class="fa fa-building" aria-hidden="true"></i> HP IT GROUP (TEBIM TEBITAGEM) TTGRT </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#basicExampleNav" aria-controls="basicExampleNav" aria-expanded="false" aria-label="HARUN PEHLİVAN"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="basicExampleNav"> <ul class="navbar-nav mr-auto smooth-scroll"> <li class="nav-item"> <a class="nav-link" href="#intro">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="#main">About me</a> </li> <li class="nav-item"> <a class="nav-link" href="#oferujemy">My institutions</a> </li> <li class="nav-item"> <a class="nav-link" href="#partnerzy">BİLBOARD</a> </li> <li class="nav-item"> <a class="nav-link" href="#contact">Contact</a> </li> </ul> <ul class="navbar-nav nav-flex-icons"> <li class="nav-item"> <a class="nav-link"><i class="fab fa-facebook"></i></a> </li> <li class="nav-item"> <a class="nav-link"><i class="fab fa-twitter"></i></a> </li> <li class="nav-item"> <a class="nav-link"><i class="fab fa-instagram"></i></a> </li> </ul> </div> </div> </nav> <div id="intro" class="view"> <div class="mask rgba-black-strong"> <div class="container-fluid d-flex align-items-center justify-content-center h-100"> <div class="row d-flex justify-content-center text-center"> <div class="col-md-10"> <h2 class="display-4 font-weight-bold white-text pt-5 mb-2"><i class="fa fa-building" aria-hidden="true"></i>HP IT GROUP</h2> <hr class="hr-light"> <h4 class="white-text my-4"> (TEBİM TEBİTAGEM)</h4> </div> </div> </div> </div> </div> </header> <main class="mt-5"> <div class="container"> <hr id="main" class="my-5"> <div class="jumbotron text-center"> <h2 class="card-title h2"> HARUN PEHLİVAN </h2> <p class="blue-text my-4 font-weight-bold"> <i class="fa fa-desktop" aria-hidden="true"></i> IT (CODER,DESIGNER,DEVELOPER,ADMINISTRATOR) FOUNDER CEO BLOGGER INITIATIVE RESEARCH AND DEVELOPMENT <i class="fa fa-building" aria-hidden="true"></i> HP IT GROUP (TEBIM TEBITAGEM) TTGRT </p> <div class="row d-flex justify-content-center"> <div class="col-xl-7 pb-2"> <p class="card-text"> <iframe src="//www.slideshare.net/slideshow/embed_code/key/DdmHWvWc7k6ffC" width="668" height="714" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe> </p> </div> </div> <hr class="my-4"> <div class="pt-2"> </div> </div> <hr id="oferujemy" class="my-5"> <h2 class="mb-5 font-weight-bold text-center">My institutions</h2> <p>Gündem belirlemek güncel global olmak için yeni fikirlerle yetenek ve beceriyle uzmanlıkla eğitimle bilimle teknikle AR-GE proje ile adımızla markamızla kimliğimizle profilimizle kalitemizle standardımızla konseptimizle ilkemizle etiğimizle ama özümüzden taviz vermeden</p> <div class="card-deck"> <div class="card mb-4"> <div class="view overlay"> <img class="card-img-top" src="https://s-ssl.wordpress.com/mshots/v1/https%3A%2F%2Fharunpehlivantebimtebitagem.site123.me?w=360" alt="HP IT GROUP"> <a href="https://harunpehlivantebimtebitagem.site123.me"> <div class="mask rgba-white-slight"></div> </a> </div> <div class="card-body"> <h4 class="card-title">HARUN PEHLİVAN INFORMATION TECHNOLOGY GROUP</h4> <p class="card-text">2018</p> </div> </div> <div class="card mb-4"> <div class="view overlay"> <img class="card-img-top" src="https://s-ssl.wordpress.com/mshots/v1/http%3A%2F%2Ftebimtebitagem.ticiz.com?w=360" alt="TEBİM"> <a href="http://tebimtebitagem.ticiz.com"> <div class="mask rgba-white-slight"></div> </a> </div> <div class="card-body"> <h4 class="card-title">TERCUMAN INFORMATICS CENTER </h4> <p class="card-text">2008</p> </div> </div> <div class="card mb-4"> <div class="view overlay"> <img class="card-img-top" src="https://s-ssl.wordpress.com/mshots/v1/http%3A%2F%2Fharunpehlivantebimtebitagem.business.site?w=360" alt="TEBİTAGEM"> <a href="https://harunpehlivantebimtebitagem.business.site"> <div class="mask rgba-white-slight"></div> </a> </div> <div class="card-body"> <h4 class="card-title"> TERCUMAN EDUCATION, SCIENCE,TECHNICAL RESEARCH AND DEVELOPMENT CENTER</h4> <p class="card-text">2012</p> </div> </div> </div> <hr id="partnerzy" class="my-5"> <h2 class="mb-5 font-weight-bold text-center">BİLBOARD</h2> <div id="carousel-example-1z" class="carousel slide carousel-fade" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#carousel-example-1z" data-slide-to="0" class="active"></li> <li data-target="#carousel-example-1z" data-slide-to="1"></li> <li data-target="#carousel-example-1z" data-slide-to="2"></li> </ol> <div class="carousel-inner" role="listbox"> <div class="carousel-item active"> <img class="d-block w-100" src="http://onepagerapp.com/uploads/gallery_image/81382/medium_crdv1.png" alt="HARUN PEHLİVAN"> <div class="carousel-caption"> <h3 class="h3-responsive"><a href="https://wiseintro.co/harunpehlivan" rel="noopener noreferrer" target="_blank">PERSONELL PAGES</a></h3> </div> </div> <div class="carousel-item"> <img class="d-block w-100" src="https://cdn-cms.f-static.com/uploads/1017556/2000_5c4a2438188f1.jpg" alt="TTGRT"> <div class="carousel-caption"> <h3 class="h3-responsive"> <a target="_blank" href="http://harunpehlivan.fm.tc">TTGRT</a></h3> </div> </div> <div class="carousel-item"> <img class="d-block w-100" src="https://cdn-cms.f-static.com/uploads/1017556/2000_5bc409fc313f5.png" alt="HARUN PEHLİVAN"> <div class="carousel-caption"> <h3 class="h3-responsive"> <a target="_blank" href="https://harunpehlivantebimtebitagem.carrd.co">E-CV</a></h3> </div> </div> </div> <a class="carousel-control-prev" href="#carousel-example-1z" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carousel-example-1z" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> <hr id="contact" class="my-5"> <section class="contact-section my-5"> <div class="card"> <div class="row"> <div class="col-lg-8"> <div class="card-body form"> <h3 class="mt-4"><i class="fas fa-envelope pr-2"></i>Write to us:</h3> <div class="row"> <div class="col-md-6"> <div class="md-form mb-0"> <input type="text" id="form-contact-name" class="form-control"> <label for="form-contact-name" class="">Your name</label> </div> </div> <div class="col-md-6"> <div class="md-form mb-0"> <input type="text" id="form-contact-email" class="form-control"> <label for="form-contact-email" class="">Your email</label> </div> </div> </div> <div class="row"> <div class="col-md-6"> <div class="md-form mb-0"> <input type="text" id="form-contact-phone" class="form-control"> <label for="form-contact-phone" class="">Your phone</label> </div> </div> <div class="col-md-6"> <div class="md-form mb-0"> <input type="text" id="form-contact-company" class="form-control"> <label for="form-contact-company" class="">Your company</label> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="md-form mb-0"> <textarea id="form-contact-message" class="form-control md-textarea" rows="3"></textarea> <label for="form-contact-message">Your message</label> <a class="btn-floating btn-lg blue"> <i class="far fa-paper-plane"></i> </a> </div> </div> </div> </div> </div> <div class="col-lg-4"> <div class="card-body contact text-center h-100 white-text"> <h3 class="my-4 pb-2">Contact information</h3> <ul class="text-lg-left list-unstyled ml-4"> <li> <p><i class="fas fa-map-marker-alt pr-2"></i>YENİ MAHALLE MİMAR SİNAN SOKAK NO:2 POSTA KODU: 05500 SULUOVA/AMASYA TURKEY</p> </li> <li> <p><i class="fas fa-phone pr-2"></i>+ 90 (358) 417 62 30</p> </li> <li> <p><i class="fas fa-envelope pr-2"></i>trcmnhp@hotmail.com</p> </li> </ul> <hr class="hr-light my-4"> <ul class="list-inline text-center list-unstyled"> <li class="list-inline-item"> <a class="p-2 fa-lg tw-ic"> <i class="fab fa-twitter"></i> </a> </li> <li class="list-inline-item"> <a class="p-2 fa-lg li-ic"> <i class="fab fa-linkedin-in"> </i> </a> </li> <li class="list-inline-item"> <a class="p-2 fa-lg ins-ic"> <i class="fab fa-instagram"> </i> </a> </li> </ul> </div> </div> </div> </div> </section> </div> </main> <footer class="page-footer font-small unique-color-dark"> <div class="primary-color"> <div class="container"> <div class="row py-4 d-flex align-items-center"> <div class="col-md-6 col-lg-5 text-center text-md-left mb-4 mb-md-0"> <h6 class="mb-0 white-text"> "Ne olacağıma değil yeteneklerimin, becerilerimin ve ne yapabilirim'in peşinde koşarım" "Sonsuz hamd olsun gerçekleştiremediğim ütopyam olmadı" </h6> </div> <div class="col-md-6 col-lg-7 text-center text-md-right"> <!--Facebook--> <a class="fb-ic ml-0"> <i class="fab fa-facebook white-text mr-4"> </i> </a> <a class="tw-ic"> <i class="fab fa-twitter white-text mr-4"> </i> </a> <a class="gplus-ic"> <i class="fab fa-google-plus white-text mr-4"> </i> </a> <a class="li-ic"> <i class="fab fa-linkedin white-text mr-4"> </i> </a> <a class="ins-ic"> <i class="fab fa-instagram white-text mr-lg-4"> </i> </a> </div> </div> </div> </div> <div class="container mt-5 mb-4 text-center text-md-left"> <div class="row mt-3"> <div class="col-md-3 col-lg-4 col-xl-3 mb-4"> <h6 class="text-uppercase font-weight-bold"> <strong>MDBYouth</strong> </h6> <hr class="deep-purple accent-2 mb-4 mt-0 d-inline-block mx-auto" style="width: 60px;"> <p></p> </div> <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4"> <h6 class="text-uppercase font-weight-bold"> <strong>Useful links</strong> </h6> <hr class="deep-purple accent-2 mb-4 mt-0 d-inline-block mx-auto" style="width: 60px;"> <p> <a href="https://codepen.io/harunpehlivan">CODEPEN</a> </p> <p> <a href="https://www.bootdey.com/users/timeline/harunpehlivan">Bootdey</a> </p> <p> <a href="https://bootsnipp.com/harunpehlivan"> HARUN PEHLİVAN BOOtSTRAP</a> </p> <p> <a href="https://mdbootstrap.com/education/bootstrap/">Help</a> </p> </div> <div class="col-md-4 col-lg-3 col-xl-3"> <h6 class="text-uppercase font-weight-bold"> <strong>Contact</strong> </h6> <hr class="deep-purple accent-2 mb-4 mt-0 d-inline-block mx-auto" style="width: 60px;"> <p> <i class="fa fa-home mr-3"></i>YENİ MAHALLE MİMAR SİNAN SOKAK NO:2 POSTA KODU: 05500 SULUOVA/AMASYA TURKEY </p> <p> <i class="fa fa-envelope mr-3"></i> trcmnhp@hotmail.com</p> <p> <i class="fa fa-phone mr-3"></i> + 90 (358) 417 62 30</p> <p> <i class="fa fa-print mr-3"></i> + </p> </div> </div> </div> <div class="footer-copyright text-center py-3">© 2019 Copyright: <a href="https://mdbootstrap.com/user/harun_pehlivan"> HARUN PEHLİVAN MDBOOtSTRAP</a> </div> </footer>