Images
Tec{h}tonic helps you create your dream website without much head scratching in the design for it. Dive into your site making by installing this open source framework. Just add the pre-defined classes of tec{h}tonic in your html.
Round Images
You can add a "round-img" class along in the image tag to get it in round shape.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<img src="../../assets/image-component.jpg" alt="" class="round-img">
<img src="../../assets/image2-component.jpg" alt="" class="round-img">
<img src="../../assets/image3-component.jpg" alt="" class="round-img">
Square Images
You can add a "square-img" class along in the image tag to get it in square shape.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<img src="../../assets/image-component.jpg" alt="" class="square-img">
<img src="../../assets/image2-component.jpg" alt="" class="square-img">
<img src="../../assets/image3-component.jpg" alt="" class="square-img">
Responsive Image
Responsive image are those images which adjust themselves according to the container they are in.
You can get the idea by minimizing your screen.
You can add a "responsive-img" class along in the image tag to get it responsive
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<img src="../../assets/responsive-image.jpg" alt="" class="responsive-img">