WEBSIDIA | PORTFOLIO title> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="" name="keywords"> <meta content="" name="description">  <link href="img/favicon.ico" rel="icon"> <link href="img/apple-touch-icon.png" rel="apple-touch-icon">  <script > window.arsturnAppKey="H0niVJ1eDZxvIL4wyaRu"; window.theme={theme:"dark", primary: "#40414f", secondary: "#343541", text: "#ffffff"}; var s = document.createElement("script"); s.type = "text/javascript"; s.async = true; s.src = "https://arsturn.com/widget/Widget.js"; document.head.appendChild(s); </script>  <link href="https://fonts.googleapis.com/css?family=Montserrat:200,300|Nunito:400,700&display=swap" rel="stylesheet">  <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">  <link href="vendor/ionicons/css/ionicons.min.css" rel="stylesheet"> <link href="vendor/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet"> <link href="vendor/lightbox/css/lightbox.min.css" rel="stylesheet">  <link href="css/style.css" rel="stylesheet"> </head> <body>  <header class="header"> <div class="container-fluid"> <div class="logo pull-left"> <a href="#"><img src="img/logo.png" alt="websidia logo" title="" style="width:370px;height:60px;margin-bottom:13px"/></a> </div> <nav id="nav-menu-container"> <ul class="nav-menu"> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="service.html">Services</a></li> <li class="menu-active"><a href="portfolio.html">Portfolio</a></li>  <li><a href="contact.html">Contact</a></li> <li><a href="https:/dig-menu.vercel.app/" target="_blank">QR Menu <img src="img/new.png" style="width:30px;height:30px"/> </a></li> </ul> </nav> </div> </header>   <section class="banner"> <div class="container"> <div class="col-lg-12"> <div class="banner-nav"> <div class="banner-box"> <a href="index.html">Home </a> <a href="portfolio.html">Portfolio</a> </div> </div> </div> </div> </section>   <section class="portfolio"> <div class="container"> <header class="section-header"> <h3 class="section-title">Our Portfolio</h3> <p> Our portfolio includes website design and development, custom web application development.We specialize in creating unique, responsive, and user-friendly websites that meet our clients specific requirements. </p> </header> <div class="row"> <div class="col-lg-12"> <ul id="portfolio-flters"> <li data-filter="*" class="filter-active">All</li> <li data-filter=".web-des">Web Design</li> <li data-filter=".web-dev">Web Development</li> <li data-filter=".app-des">UX/UX Design</li> </ul> </div> </div> <div class="row portfolio-container"> <div class="col-lg-4 col-md-6 portfolio-item web-des"> <div class="portfolio-wrap"> <figure> <img src="img/port2.png" class="img-fluid" alt="Portfolio"> <a href="img/port2.png" data-lightbox="portfolio" data-title="Lorem ipsum dolor" class="link-preview" title="Preview"><i class="ion-md-eye"></i></a>  </figure> <div class="portfolio-info"> <h4>AMEN Hotel Hawassa</h4> <p>Web Development</p> </div> </div> </div> <div class="col-lg-4 col-md-6 portfolio-item web-dev"> <div class="portfolio-wrap"> <figure> <img src="img/port1.png" class="img-fluid" alt="Portfolio"> <a href="img/port1.png" class="link-preview" data-lightbox="portfolio" data-title="Nulla ullamcorper pharetra" title="Preview"><i class="ion-md-eye" ></i></a>  </figure> <div class="portfolio-info"> <h4>Dream of Technology</h4> <p>Web Development</p> </div> </div> </div> <div class="col-lg-4 col-md-6 portfolio-item app-des"> <div class="portfolio-wrap"> <figure> <img src="img/port3.png" class="img-fluid" alt="Portfolio"> <a href="img/port3.png" class="link-preview" data-lightbox="portfolio" data-title="Phasellus eget dictum" title="Preview"><i class="ion-md-eye"></i></a> <a href="https://quoteey-quote.netlify.app/" class="link-details" title="More Details"><i class="ion-md-open" target="_blank"></i></a> </figure> <div class="portfolio-info"> <h4>Quoteey-Quote Generator App </h4> <p>Web & App Development</p> </div> </div> </div> <div class="col-lg-4 col-md-6 portfolio-item app-dev"> <div class="portfolio-wrap"> <figure> <img src="img/port4.png" class="img-fluid" alt="Portfolio"> <a href="img/port4.png" data-lightbox="portfolio" data-title="Lorem ipsum dolor" class="link-preview" title="Preview"><i class="ion-md-eye"></i></a> <a href="https://lijnati.github.io/Text-to-Speech-Converter/" class="link-details" title="More Details"><i class="ion-md-open" target="_blank"></i></a> </figure> <div class="portfolio-info"> <h4>Text to Speech AI Converter App</h4> <p>Web & App Development</p> </div> </div> </div> <div class="col-lg-4 col-md-6 portfolio-item web-des"> <div class="portfolio-wrap"> <figure> <img src="img/port5.png" class="img-fluid" alt="Portfolio"> <a href="img/port5.png" class="link-preview" data-lightbox="portfolio" data-title="Nulla ullamcorper pharetra" title="Preview"><i class="ion-md-eye"></i></a> <a href="https://getweatherforcast.netlify.app/" class="link-details" title="More Details"><i class="ion-md-open" target="_blank"></i></a> </figure> <div class="portfolio-info"> <h4>Weather App</h4> <p>Web App & UX/UI</p> </div> </div> </div> <div class="col-lg-4 col-md-6 portfolio-item web-dev"> <div class="portfolio-wrap"> <figure> <img src="img/port6.png" class="img-fluid" alt="Portfolio"> <a href="img/port6.png" class="link-preview" data-lightbox="portfolio" data-title="Phasellus eget dictum" title="Preview"><i class="ion-md-eye"></i></a> <a href="https://download-anyfile.netlify.app/" class="link-details" title="More Details"><i class="ion-md-open"></i></a> </figure> <div class="portfolio-info"> <h4>File Downloader App</h4> <p>Web Development</p> </div> </div> </div> </div> </div> </section>   <footer class="footer"> <div class="footer-top"> <div class="container"> <div class="row"> <div class="col-lg-3 col-md-6 footer-info"> <a href="#"><img src="img/logo.png" alt="websidia logo" title="" style="width:170px;height:30px;margin-bottom:13px"/></a> <p> We pride ourselves on our commitment to excellence and our ability to stay up-to-date with the latest web technologies and trends. Whether you need a simple website or a complex web application. </p> </div> <div class="col-lg-3 col-md-6 footer-links"> <h4>About Us</h4> <ul> <li><i class="ion-md-arrow-dropright"></i> <a href="index.html">Home</a></li> <li><i class="ion-md-arrow-dropright"></i> <a href="about.html">About us</a></li> <li><i class="ion-md-arrow-dropright"></i> <a href="service.html">Our services</a></li> <li><i class="ion-md-arrow-dropright"></i> <a href="portfolio.html">Portfolio</a></li> <li><i class="ion-md-arrow-dropright"></i> <a href="contact.html">Contact</a></li> <li><i class="ion-md-arrow-dropright"></i><a href="https://websidia-gpt.vercel.app/" target="_blank">Websidia-AI <img src="img/betaversion.png" style="width:30px;height:30px"/> </a></li> </ul> </div> <div class="col-lg-3 col-md-6 footer-contact"> <h4>Contact Us</h4> <p> Hawassa,Ethiopia<br> <strong>Phone:</strong> 0993449344<br> <strong>Phone:</strong> 0985508396<br> <strong>Phone:</strong> 0922130552<br> <strong>Email:</strong> infowebsidia@gmail.com<br> </p> <div class="social-links"> <a href="https://twitter.com/websidia" target="_blank"><i class="ion-logo-twitter"></i></a> <a href="https://www.facebook.com/people/Websidia/100091774727305/" target="_blank"><i class="ion-logo-facebook"></i></a> <a href="https://www.instagram.com/websidia.co/" target="_blank"><i class="ion-logo-instagram"></i></a> </div> </div> <div class="col-lg-3 col-md-6 footer-info"> <a href="#"><img src="img/logo.png" alt="websidia logo" title="" style="width:170px;height:30px;margin-bottom:13px"/></a> <p>Websidia is here to help you achieve your goals and take your online presence to the next level. Contact us today to learn more about our services and how we can help your business succeed online.</p> </div> </div> </div> </div> <div class="container"> <div class="copyright"> © Copyright <a href="index.html">WEBSIDIA Technologies</a>. All Rights Reserved 2023<br> </div> </div> </footer>  <a href="#" class="back-to-top"><i class="ion-md-arrow-dropup"></i></a>  <script src="vendor/jquery/jquery.min.js"></script> <script src="vendor/jquery/jquery-migrate.min.js"></script> <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="vendor/easing/easing.min.js"></script> <script src="vendor/superfish/hoverIntent.js"></script> <script src="vendor/superfish/superfish.min.js"></script> <script src="vendor/waypoints/waypoints.min.js"></script> <script src="vendor/touchSwipe/jquery.touchSwipe.min.js"></script> <script src="vendor/counterup/counterup.min.js"></script> <script src="vendor/owlcarousel/owl.carousel.min.js"></script> <script src="vendor/isotope/isotope.pkgd.min.js"></script> <script src="vendor/lightbox/js/lightbox.min.js"></script>  <script src="js/main.js"></script> </body> </html>