How to use static files like images, videos and fonts file in agular js project

I have a project in simple html and i want to convert the project in angular js please tell me how can i use all my different css files in my projects and also js file and also tell me how to use static images in project....

<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/jquery-ui.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/animate.css" rel="stylesheet" type="text/css">
<link href="assets/css/css-plugin-collections.css" rel="stylesheet" />
<link id="menuzord-menu-skins" href="assets/css/menuzord-skins/menuzord-boxed.css" rel="stylesheet" />
<link href="assets/css/style-main.css" rel="stylesheet" type="text/css">
<link href="assets/css/preloader.css" rel="stylesheet" type="text/css">
<link href="assets/css/custom-bootstrap-margin-padding.css" rel="stylesheet" type="text/css">
<link href="assets/css/responsive.css" rel="stylesheet" type="text/css">
<link href="assets/js/revolution-slider/css/settings.css" rel="stylesheet" type="text/css" />
<link href="assets/js/revolution-slider/css/layers.css" rel="stylesheet" type="text/css" />
<link href="assets/js/revolution-slider/css/navigation.css" rel="stylesheet" type="text/css" />
<link href="assets/css/colors/theme-skin-blue-gary.css" rel="stylesheet" type="text/css"><script src="assets/js/jquery-2.2.0.min.js"></script>
<script src="assets/js/jquery-ui.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/jquery-plugin-collection.js"></script>
<script src="assets/js/revolution-slider/js/jquery.themepunch.tools.min.js"></script>
<script src="assets/js/revolution-slider/js/jquery.themepunch.revolution.min.js"></script>

Continue reading...