<div class="content-area">
	<div id="primary-content" class="primary-content">
		<h1 class="display-4">HARUN PEHLİVAN</h1>
		<p class="lead">IT (CODER,DESIGNER,DEVELOPER,ADMINISTRATOR) FOUNDER CEO BLOGGER INITIATIVE RESEARCH AND DEVELOPMENT</p>
		<div class="story">
			<h1>INSTITUTIONAL DEVELOPMENT</h1>
			<h5>Internet platforms recognized both in Turkey and in the world</h5>
			<p>2008 	 <a target="_blank" href="http://tebimtebitagem.ticiz.com">TEBİM </a>

2012 	<a target="_blank" href="https://harunpehlivantebimtebitagem.business.site">TEBİTAGEM </a>

2013

<a target="_blank" href="http://harunpehlivan.fm.tc">TTGRT</a>

2018

 <a target="_blank" href="https://harunpehlivantebimtebitagem.site123.me">HP IT GROUP</a>
<br>
            	<a onclick="window.open('http://fm.tc/live-broadcast-fm-1372.html','POPUP','width=503,height=260,scrollbars=0,resizable=0');return false;" href="#"><img src="https://res.cloudinary.com/tercuman-b-l-m-merkez/image/upload/v1560459863/mdialogo_dckk4m.ico" title="7/24 ONLİNE KESİNTİSİZ MÜZİK YAYINI" border="0"></a>            	<a onclick="window.open('http://fm.tc/live-broadcast-tv-1845.html','POPUP','width=503,height=260,scrollbars=0,resizable=0');return false;" href="#"><img src="https://res.cloudinary.com/tercuman-b-l-m-merkez/image/upload/v1560460160/ttgrtlogo_eqthwz.ico" title="LİVE BROADCAST TV" border="0"></a>
				<br><iframe style="border: none; overflow: hidden;" src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Ftercumanbilisimmerkezi%2F&amp;tabs=timeline&amp;width=340&amp;height=500&amp;small_header=false&amp;adapt_container_width=true&amp;hide_cover=false&amp;show_facepile=true&amp;appId=1787699868124294" width="340" height="500" frameborder="0" scrolling="no"></iframe>
				<iframe style="border: none; overflow: hidden;" src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fharunpehlivanit&amp;tabs=timeline&amp;width=340&amp;height=500&amp;small_header=false&amp;adapt_container_width=true&amp;hide_cover=false&amp;show_facepile=true&amp;appId=1787699868124294" width="340" height="500" frameborder="0" scrolling="no"></iframe><br><body>
<div username='harunpehlivan' repos='all' id='card' class='github-card'></div>
<script src='https://saurabhdaware.github.io/github-profile-card/card.js'></script>
</body> <table width="100%" cellspacing="0" cellpadding="0" border="0">
    <tbody>
				<br> <marquee align="middle" scrollamount="1" height="400" width="100%" direction="down"scrolldelay="1"> 
        <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d4968.659535992046!2d35.657568!3d40.829449!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x11196fc28c1118f0!2zVEVSQ1VNQU4gQsSwTMSwxZ7EsE0gTUVSS0VaxLAgVEVSQ1VNQU4gRcSexLBUxLBNIELEsEzEsE0gVEVLTsSwSyBBUkHFnlRJUk1BIEdFTMSwxZ5UxLBSTUUgTUVSS0VaxLA!5e1!3m2!1str!2sus!4v1559836522290!5m2!1str!2sus" width="400" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
<iframe src="https://www.google.com/maps/embed?pb=!4v1559836634332!6m8!1m7!1s_35aUW3xmI21YrK9ORdzbA!2m2!1d40.82947259615927!2d35.65739945801781!3f57.57!4f-0.39000000000000057!5f1.3946584482860698" width="400" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>

<iframe src="https://yandex.com.tr/map-widget/v1/-/CCVYaS4M" width="560" height="400" frameborder="1" allowfullscreen="true"></iframe>
</marquee>
			</p>
		</div>
	</div>
</div>
<ul id="menu-bar" class="menu">
	<li class="unimpacted active logo"><img src="http://onepagerapp.com/uploads/gallery_image/81379/medium_logohpitgroup.png" /></li>
	<li><a href="https://hpitgroup.glitch.me/"> HP IT GROUP (TEBİM TEBİTAGEM) </a></li>
	
	<li class="unimpacted title">Perpetual J</li>
	<li class="unimpacted mobile-menu-button" onclick="toggleMenu();"><i id="menu-button-icon" class="fas fa-bars"></i></li>
</ul>
.content-area {
	height: calc(100% - 50px);
	padding: 25px;
}
.primary-content {
	background-color: rgba(255, 255, 255, 0.75);
	border-radius: 5px;
	color: #555;
	position: relative;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.story {
	text-align: left;
}
.primary-content::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.5);
}
.primary-content::-webkit-scrollbar {
	width: 5px;
	background-color: transparent;
}
.primary-content::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #333;
}
.branding {
	position: absolute;
	bottom: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

External CSS

  1. https://use.fontawesome.com/releases/v5.8.1/css/all.css
  2. https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css
  3. https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Quicksand|Tulpen+One|Wire+One|Audiowide|Changa|Fugaz+One|Lobster|News+Cycle|Nothing+You+Could+Do|Press+Start+2P|Rajdhani|Righteous&amp;display=swap
  4. https://s3-us-west-2.amazonaws.com/s.cdpn.io/2940219/CleanBootstrap.css
  5. https://codepen.io/PerpetualJ/pen/wvwzedr.css

External JavaScript

  1. https://code.jquery.com/jquery-3.3.1.slim.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js
  3. https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js
  4. https://s3-us-west-2.amazonaws.com/s.cdpn.io/2940219/Template.js
  5. https://codepen.io/PerpetualJ/pen/wvwzedr.js