HARUN PEHLİVAN harunpehlivan

Food Recipe App #30days30submits #day-22

Hover over the profile photo to expand it into a neat profile card.

Beautiful animation for profile card design. Hover the ball to see the magic! Inspiration from Material Design by Google.

Generator to let you experiment with background-blend-mode and mix-blend-mode css properties together easily.

Set background color and image on the left, and select blend effect to blend background and color.

On the right you can set the mix blend mode, and drag the filter section over the background as far as you like to create different effects.

	<section>
	<div class="container">
	<div class="scoreBoard"><span class="score-num">0</span>/<span class="answered-num">0</span></div>
	<form id="quiz_form">
	<h1>Q: <span class="qus">This is a QusThis is a Qus?</span></h1>
	<div class="all_options">
	</div>
	<div class="buttons">
	<button type="submit">Submit</button>
	</div>

	<div id="page">
	<div class="card">
	<div class="half half-left">
	<div class="img-container">
	<img src="https://res.cloudinary.com/tercuman-b-l-m-merkez/image/upload/v1613759952/003_megvxx.jpg" alt="">
	</div>
	</div>
	<div class="half half-right">
	<a href="https://hpitgroup.glitch.me/" class="online">H</a>
	<h2 class="name">Harun Pehlivan </h2>

	<head>

	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">

	<link href='https://fonts.googleapis.com/css?family=Lato:400,300' rel='stylesheet' type='text/css'>
	</head>

	<body>

	<div id="root"></div>
	<a target="_blank" title="instagram/web__addict" href="https://www.instagram.com/harunpehlivantebimtebitagem/"><i class="fab fa-instagram"></i></a>