The latest articles on Forem by Muhammad Atif (@aatifhussain). https://forem.com/aatifhussain https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F351694%2F29b68365-74ae-4ec7-a4f6-fd2f57de3bc1.jpeg https://forem.com/aatifhussain en Muhammad Atif Tue, 17 Mar 2020 05:27:58 +0000 https://forem.com/aatifhussain/angular-bootstrap-template-free-1kbk https://forem.com/aatifhussain/angular-bootstrap-template-free-1kbk <p>I was looking for a starter angular bootstrap template for free, but I couldn't found. So i build my own, and thought of sharing it with the people.</p> <p>The template is made with Angular CLI version 9.0.3.</p> <h3> Packages used </h3> <p>angular: ~9.0.2<br> bootstrap: ^4.4.1<br> jquery: ^3.4.1</p> <h3> Layouts available </h3> <p>3 Home page layouts</p> <h3> Source code </h3> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vJ70wriM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/github-logo-ba8488d21cd8ee1fee097b8410db9deaa41d0ca30b004c0c63de0a479114156f.svg" alt="GitHub logo"> <a href="https://github.com/aatifhussain"> aatifhussain </a> / <a href="https://github.com/aatifhussain/angular-bootstrap-template"> angular-bootstrap-template </a> </h2> <h3> Angular bootstrap starter template. </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <h1> Angular Bootstrap Template <a href="https://travis-ci.com/aatifhussain/angular-bootstrap-template" rel="nofollow"><img src="https://camo.githubusercontent.com/4abd48a410dca3f735f9e25072b4eea253b464e9/68747470733a2f2f7472617669732d63692e636f6d2f61617469666875737361696e2f616e67756c61722d626f6f7473747261702d74656d706c6174652e7376673f6272616e63683d6d6173746572" alt="Build Status"></a> <a rel="noopener noreferrer" href="https://camo.githubusercontent.com/15050101d868c440480fa9733c95928f6ef9ad98/68747470733a2f2f696d672e736869656c64732e696f2f64617669642f61617469666875737361696e2f616e67756c61722d626f6f7473747261702d74656d706c617465"><img src="https://camo.githubusercontent.com/15050101d868c440480fa9733c95928f6ef9ad98/68747470733a2f2f696d672e736869656c64732e696f2f64617669642f61617469666875737361696e2f616e67756c61722d626f6f7473747261702d74656d706c617465" alt="David"></a> <a rel="noopener noreferrer" href="https://camo.githubusercontent.com/410ff447e955631fe755e4f2c415b7bb005fb0f7/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f7061636b6167652d6a736f6e2f762f61617469666875737361696e2f616e67756c61722d626f6f7473747261702d74656d706c6174652f6d6173746572"><img src="https://camo.githubusercontent.com/410ff447e955631fe755e4f2c415b7bb005fb0f7/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f7061636b6167652d6a736f6e2f762f61617469666875737361696e2f616e67756c61722d626f6f7473747261702d74656d706c6174652f6d6173746572" alt="GitHub package.json version (branch)"></a> </h1> <p>This project was generated with <a href="https://github.com/angular/angular-cli">Angular CLI</a> version 9.0.3.</p> <h2> Packages used</h2> <ul> <li>angular: ~9.0.2</li> <li>bootstrap: ^4.4.1</li> <li>jquery: ^3.4.1</li> </ul> <h2> Layouts available</h2> <ul> <li>3 Home page layouts</li> </ul> <h2> Preview</h2> <h3> Layout 1</h3> <p><a rel="noopener noreferrer" href="https://github.com/aatifhussain/angular-bootstrap-template/blob/master/src/assets/img/layout-one.jpg"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--BNa9lwtJ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://github.com/aatifhussain/angular-bootstrap-template/raw/master/src/assets/img/layout-one.jpg" alt="Layout 1"></a></p> <h3> Layout 2</h3> <p><a rel="noopener noreferrer" href="https://github.com/aatifhussain/angular-bootstrap-template/blob/master/src/assets/img/layout-two.jpg"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--drJV_xOK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://github.com/aatifhussain/angular-bootstrap-template/raw/master/src/assets/img/layout-two.jpg" alt="Layout 1"></a></p> <h3> Layout 3</h3> <p><a rel="noopener noreferrer" href="https://github.com/aatifhussain/angular-bootstrap-template/blob/master/src/assets/img/layout-three.jpg"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--93xVmXay--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://github.com/aatifhussain/angular-bootstrap-template/raw/master/src/assets/img/layout-three.jpg" alt="Layout 1"></a></p> <h2> Credits</h2> <p>I put effort to provide you with this ready to use boilerplate code. I'll be thankful if you give a 'star' to this repositry. Tweet about this template <a rel="noopener noreferrer" href="https://camo.githubusercontent.com/c560332479f319461132aa8d172a0f2f8ad82594/68747470733a2f2f696d672e736869656c64732e696f2f747769747465722f75726c3f7374796c653d736f6369616c2675726c3d68747470732533412532462532466769746875622e636f6d25324661617469666875737361696e253246616e67756c61722d626f6f7473747261702d74656d706c617465"><img src="https://camo.githubusercontent.com/c560332479f319461132aa8d172a0f2f8ad82594/68747470733a2f2f696d672e736869656c64732e696f2f747769747465722f75726c3f7374796c653d736f6369616c2675726c3d68747470732533412532462532466769746875622e636f6d25324661617469666875737361696e253246616e67756c61722d626f6f7473747261702d74656d706c617465" alt="Twitter URL"></a></p> <h2> Further help</h2> <p>To get more help please feel free to contact me at <a href="https://raw.githubusercontent.com/aatifhussain/angular-bootstrap-template/master/mailto:aatif.hussain@outlook.com">aatif.hussain@outlook.com</a></p> </div> </div> <br> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/aatifhussain/angular-bootstrap-template">View on GitHub</a></div> <br> </div> <br> angular bootstrap opensource