Edit in JSFiddle

var app = angular.module("app",[]);

app.directive("card", ["$templateCache",function($templateCache){
	return {
        restrict: "E",
        template: $templateCache.get('card.html')
    }
}]);

.card{ 
    border: 2px solid #c54; 
    width: 300px;
    padding: 15px;
}
.card h1{
    color: #8de;
}

<div ng-app="app">
    <script type="text/ng-template" id="card.html">
        <div class="card"><h1>Personel Kartı</h1><p>Bayram Üçüncü</p></div>
    </script>
    
    <card></card>
</div>