Preview

Skill tiles can be use on resume page. Each tile consists of an icon, skill name, and description.

Code

                        
                            <div class="container">
                            	<div class="row">
                            		<div class="p-2 col-12 col-md-6 col-lg-12">
                            			<div class="container">
                            				<div class="row text-left text-md-center text-lg-left">
                            					<div class="col-3 col-md-12 col-lg-3">
                            						<img src="../img/skill-computer.png" width="50" alt-text="" />
                            					</div>
                            					<div class="col-9 col-md-12 col-lg-9">
                            						<strong>Skill name</strong>
                            						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit
                            						</p>
                            					</div>
                            				</div>
                            			</div>
                            		</div>
                            	</div>
                            </div>
                        
                        

Accessibility

To ensure accessibility, always include descriptive and meaningful alt-text for skill images.