Browser Compatibility

  • Chrome 84 and above
  • Firefox 75 and above
  • Safari 13.1 and above
  • Edge 84 and above
  • Opera 71 and above


Web API Animations

Web API Animations are all about making HTML elements (like buttons, images, and text) and their styles (like colors, sizes, and positions) change over time. Web API animations are tools that help change how things look and move on websites. They make elements like buttons, images, or text shift or transform over time. These animations work with various features like controlling the speed, timing, and style changes, offering a range of effects. They involve different parts, such as creating sets of changes called keyframes, providing timelines for these changes, and triggering events when animations start, end, or repeat.

These animations are vital in making websites more engaging and interactive. Developers use them to create smoother transitions, make elements move around, or modify colors and sizes dynamically. They are compatible with many popular web browsers, allowing websites to offer dynamic, visually appealing experiences across different platforms.

Similar Reads

Web Animations Interfaces

Web Animations facilitates several interfaces, which are described below with their brief description:...

Web API Animations Interface Extensions

Web API animations are extensively used in web development to enhance user experiences. Here are some common use cases:...

Approach

Set up the basic HTML structure, including , , and tags. Set the title of the webpage to “Rotation Animation” using the element. In the <style> section, apply CSS styles to center the content both vertically and horizontally on the page using Flexbox. Also, define the styling for the animated square and the button. Create a button with the id “animateButton” and a square <div> with the id “animatedSquare” in the <body> section. These elements are used for the animation. Select the button and square elements by their respective IDs using getElementById. Add a click event listener to the button to listen for clicks. When the button is clicked, the JavaScript code triggers a CSS animation on the square. The animation: Rotates the square continuously from 0 degrees to 360 degrees (one full rotation, Lasts for 2 seconds. Loops infinitely, creating a continuous rotation effect.... </p> </a> </div> <div class="article-related-item"> <a href="/learn_browser_compatibility_4"> <p class="article-related-title"> Browser Compatibility</p> <p class="article-related-description"> ... </p> </a> </div> </div> </div> <div class="article_tags"> <div class="article_tags_title">Tags:</div> <a href="/tag/Geeks Premier League 2023">#Geeks Premier League 2023</a> <a href="/tag/Web-API">#Web-API</a> <a href="/tag/Geeks Premier League">#Geeks Premier League</a> <a href="/tag/JavaScript">#JavaScript</a> <a href="/tag/Web Technologies">#Web Technologies</a> </div> <div class="next-and-prev-top"> <p class="prev"> <a href="/learn_approach_3"> <span class="ico-left"></span> <span class="txt">Approach</span> </a> </p> <p class="next"> </p> </div> </article> <div class="comments_form"> <h3>Contact Us</h3> <input type="text" class="form-control" id="inputEmail3" placeholder="Your email" /> <input type="text" class="form-control" id="inputTextarea" placeholder="Enter Message" /> <button class="btn form-btn" onclick="toSubmit()">Submit</button> </div> </div> <aside class="columns_sidebar sidebar"> <!-- <div class="sidebar_search"> <form> <div class="search"> <input type="text" class="form-control" placeholder="Search..." /> <button class="btn"><span class="icon-search"></span></button> </div> </form> </div> --> <div class="sidebar_widget"> <h3>Recent Posts</h3> <div class="stories"> <div class="stories_item"> <div class="stories_item_img"><a href="/how-to-fix-android-studio-doesnt-see-device-in-android-studio"><img data-src="http://www.openoss.top/all-imgs-wiki-camp/public/index/index5.png" src="http://www.openoss.top/all-imgs-wiki-camp/public/index/index5.png" class="js-img" alt="" /></a></div> <div class="stories_item_infoline infoline"> <div class="infoline_date">Jul 06, 2023</div> <span class="dash"></span> <div class="infoline_tag">#Android</div> </div> <div class="stories_item_title"><a href="/how-to-fix-android-studio-doesnt-see-device-in-android-studio">How to fix “Android Studio doesn’t see device” in Android Studio?</a></div> </div> <div class="stories_item"> <div class="stories_item_img"><a href="/python-program-to-add-two-numbers"><img data-src="http://www.openoss.top/all-imgs-wiki-camp/public/index/index6.webp" src="http://www.openoss.top/all-imgs-wiki-camp/public/index/index6.webp" class="js-img" alt="" /></a></div> <div class="stories_item_infoline infoline"> <div class="infoline_date">Jul 06, 2023</div> <span class="dash"></span> <div class="infoline_tag">#Python</div> </div> <div class="stories_item_title"><a href="/python-program-to-add-two-numbers">How to Add Two Numbers in Python</a></div> </div> </div> </div> <div class="sidebar_widget"> <h3>Categories</h3> <div class="cats"> <a target="_blank" href="/category/html-tutorial" class="cats_item" title="HTML Tutorial">HTML</a> <a target="_blank" href="/category/css-tutorial" class="cats_item" title="CSS Tutorial">CSS</a> <a target="_blank" href="/category/javascript" class="cats_item" title="JavaScript Tutorial">JAVASCRIPT</a> <a target="_blank" href="/category/sql-tutorial" class="cats_item" title="SQL Tutorial">SQL</a> <a target="_blank" href="/category/python-programming-language-tutorial" class="cats_item" title="Python Tutorial">PYTHON</a> <a target="_blank" href="/category/java" class="cats_item" title="Java Tutorial">JAVA</a> <a target="_blank" href="/category/php-tutorial" class="cats_item" title="PHP Tutorial">PHP</a> <a target="_blank" href="/category/android-tutorial" class="cats_item" title="Android Tutorial">Android</a> <a target="_blank" href="/category/w3-css-text-and-fonts" class="cats_item" title="W3.CSS Tutorial">W3.CSS</a> <a target="_blank" href="/category/c-programming-language" class="cats_item" title="C Tutorial">C</a> <a target="_blank" href="/category/c-plus-plus" class="cats_item" title="C++ Tutorial">C++</a> <a target="_blank" href="/category/csharp-programming-language" class="cats_item" title="C# Tutorial">C#</a> <a target="_blank" href="/category/bootstrap-5" class="cats_item" title="Bootstrap Tutorial">BOOTSTRAP</a> <a target="_blank" href="/category/react-tutorial" class="cats_item" title="React Tutorial">REACT</a> <a target="_blank" href="/category/mysql-tutorial" class="cats_item" title="MySQL Tutorial">MYSQL</a> <a target="_blank" href="/category/jquery-tutorial" class="cats_item" title="JQuery Tutorial">JQUERY</a> <a target="_blank" href="/category/excel-tutorial" class="cats_item" title="Excel Tutorial">EXCEL</a> <a target="_blank" href="/category/xml-basics" class="cats_item" title="XML Tutorial">XML</a> <a target="_blank" href="/category/django-tutorial" class="cats_item" title="Django Tutorial">DJANGO</a> <a target="_blank" href="/category/numpy-tutorial" class="cats_item" title="NumPy Tutorial">NUMPY</a> <a target="_blank" href="/category/pandas-tutorial" class="cats_item" title="Pandas Tutorial">PANDAS</a> <a target="_blank" href="/category/nodejs" class="cats_item" title="Node.js Tutorial">NODEJS</a> <a target="_blank" href="/category/r-tutorial" class="cats_item" title="R Tutorial">R</a> <a target="_blank" href="/category/typescript" class="cats_item" title="TypeScript Tutorial">TYPESCRIPT</a> <a target="_blank" href="/category/angular-tutorial" class="cats_item" title="Angular.js Tutorial">ANGULAR</a> <a target="_blank" href="/category/git-tutorial" class="cats_item" title="Git Tutorial">GIT</a> <a target="_blank" href="/category/postgresql-tutorial" class="cats_item" title="PostgreSQL Tutorial">POSTGRESQL</a> <a target="_blank" href="/category/mongodb-tutorial" class="cats_item" title="MongoDB Tutorial">MONGODB</a> <a target="_blank" href="/category/introduction-to-asp-net" class="cats_item" title="ASP Tutorial">ASP</a> <a target="_blank" href="/category/artificial-intelligence" class="cats_item" title="A.I. Tutorial">AI</a> <a target="_blank" href="/category/golang" class="cats_item" title="Go Tutorial">GO</a> <a target="_blank" href="/category/kotlin-android-tutorial" class="cats_item" title="Kotlin Tutorial">KOTLIN</a> <a target="_blank" href="/category/sass" class="cats_item" title="Sass Tutorial">SASS</a> <a target="_blank" href="/category/vue-js" class="cats_item" title="Vue.js Tutorial">VUE</a> <a target="_blank" href="/category/learn-data-structures-and-algorithms-dsa-tutorial" class="cats_item" title="DSA Tutorial">DSA</a> <a target="_blank" href="/category/what-is-generative-ai" class="cats_item" title="Gen A.I. Tutorial">GEN AI</a> <a target="_blank" href="/category/scipy-curve-fitting" class="cats_item" title="SciPy Tutorial">SCIPY</a> <a target="_blank" href="/category/aws-tutorial" class="cats_item" title="AWS Tutorial">AWS</a> <a target="_blank" href="/category/cyber-security-tutorial" class="cats_item" title="Cyber security Tutorial">CYBERSECURITY</a> <a target="_blank" href="/category/data-science-with-python-tutorial" class="cats_item" title="Data science Tutorial">DATA SCIENCE</a> </div> </div> <div class="sidebar_widget"> <h3>Follow us</h3> <div class="soc"> <div class="soc_item"> <a href="javascript:void(0)"> <span class="soc_item_icon"><span class="icon-fb"></span></span> <span class="soc_item_txt">2,1 k+</span> </a> </div> <div class="soc_item"> <a href="javascript:void(0)"> <span class="soc_item_icon"><span class="icon-tw"></span></span> <span class="soc_item_txt">3,6 k+</span> </a> </div> <div class="soc_item"> <a href="javascript:void(0)"> <span class="soc_item_icon"><span class="icon-youtube"></span></span> <span class="soc_item_txt">2,8 k+</span> </a> </div> <div class="soc_item"> <a href="javascript:void(0)"> <span class="soc_item_icon"><span class="icon-instagram"></span></span> <span class="soc_item_txt">6,3 k+</span> </a> </div> </div> </div> <div class="sidebar_widget"> <h3>Popular posts</h3> <div class="popular"> <div class="popular_item"> <div class="popular_item_img"><a href="/nodejs"><img data-src="http://www.openoss.top/all-imgs-wiki-camp/public/index/index-a.webp" src="http://www.openoss.top/all-imgs-wiki-camp/public/index/index-a.webp" class="js-img" alt="" /></a></div> <div class="popular_item_cont"> <div class="popular_item_title"><a href="/nodejs">What is Node.js?</a></div> <div class="popular_item_infoline infoline"> <div class="infoline_date">Jul 06</div> <span class="dash"></span> <div class="infoline_tag"><span class="icon-comm"></span>5</div> </div> </div> </div> <div class="popular_item"> <div class="popular_item_img"><a href="/php-tutorial"><img data-src="http://www.openoss.top/all-imgs-wiki-camp/public/index/index-b.webp" src="http://www.openoss.top/all-imgs-wiki-camp/public/index/index-b.webp" class="js-img" alt="" /></a></div> <div class="popular_item_cont"> <div class="popular_item_title"><a href="/php-tutorial">First Hello World Program in PHP</a></div> <div class="popular_item_infoline infoline"> <div class="infoline_date">Jul 06</div> <span class="dash"></span> <div class="infoline_tag"><span class="icon-comm"></span>5</div> </div> </div> </div> <div class="popular_item"> <div class="popular_item_img"><a href="/react-tutorial"><img data-src="http://www.openoss.top/all-imgs-wiki-camp/public/index/index-c.jpg" src="http://www.openoss.top/all-imgs-wiki-camp/public/index/index-c.jpg" class="js-img" alt="" /></a></div> <div class="popular_item_cont"> <div class="popular_item_title"><a href="/react-tutorial">Which Topics We Will Learn in this React Tutorial?</a></div> <div class="popular_item_infoline infoline"> <div class="infoline_date">Jul 06</div> <span class="dash"></span> <div class="infoline_tag"><span class="icon-comm"></span>5</div> </div> </div> </div> </div> </div> </aside> </div> </div> </div> </main> <header class="header"> <div class="header_top"> <div class="header_cols"> <div class="header_categ"> <a href="/" class=" logo" title=""><img data-src="/public/img/logo.png" src="/public/img/logo.png" class="js-img" alt="" /></a> <a href="javascript:void(0)" id="header_categ_opener" class="header_categ_opener"><span class="icon-grid"></span>Categories<span class="icon-down"></span></a> <div class="header_categ_drop" id="header_categ_drop"> <ul class="catlist"> <li><a href="/category/html-tutorial" title="HTML Tutorial">HTML Tutorial</a></li> <li><a href="/category/css-tutorial" title="CSS Tutorial">CSS Tutorial</a></li> <li><a href="/category/javascript" title="JavaScript Tutorial">JavaScript Tutorial</a></li> <li><a href="/category/sql-tutorial" title="SQL Tutorial">SQL Tutorial</a></li> <li><a href="/category/python-programming-language-tutorial" title="Python Tutorial">Python Tutorial</a></li> <li><a href="/category/java" title="Java Tutorial">Java Tutorial</a></li> <li><a href="/category/php-tutorial" title="PHP Tutorial">PHP Tutorial</a></li> <li><a href="/category/android-tutorial" title="Android Tutorial">Android</a></li> <li><a href="/category/swift-tutorial" title="Swift Tutorial">Swift</a></li> <li><a href="/category/w3-css-text-and-fonts" title="W3.CSS Tutorial">W3.CSS Tutorial</a></li> <li><a href="/category/c-programming-language" title="C Tutorial">C Tutorial</a></li> <li><a href="/category/c-plus-plus" title="C++ Tutorial">C++ Tutorial</a></li> <li><a href="/category/csharp-programming-language" title="C# Tutorial">C# Tutorial</a></li> <li><a href="/category/bootstrap-5" title="Bootstrap Tutorial">Bootstrap Tutorial</a></li> <li><a href="/category/react-tutorial" title="React Tutorial">React Tutorial</a></li> <li><a href="/category/mysql-tutorial" title="MySQL Tutorial">MySQL Tutorial</a></li> <li><a href="/category/introduction-to-redis-server" title="Redis Tutorial">Redis Tutorial</a></li> <li><a href="/category/jquery-tutorial" title="JQuery Tutorial">JQuery Tutorial</a></li> <li><a href="/category/excel-tutorial" title="Excel Tutorial">Excel Tutorial</a></li> <li><a href="/category/xml-basics" title="XML Tutorial">XML Tutorial</a></li> <li><a href="/category/linux-tutorial" title="Linux Tutorial">Linux/Unix Tutorial</a></li> <li><a href="/category/django-tutorial" title="Django Tutorial">Django Tutorial</a></li> <li><a href="/category/numpy-tutorial" title="NumPy Tutorial">NumPy Tutorial</a></li> <li><a href="/category/pandas-tutorial" title="Pandas Tutorial">Pandas Tutorial</a></li> <li><a href="/category/nodejs" title="Node.js Tutorial">NodeJS Tutorial</a></li> <li><a href="/category/r-tutorial" title="R Tutorial">R Tutorial</a></li> <li><a href="/category/typescript" title="TypeScript Tutorial">TypeScript Tutorial</a></li> <li><a href="/category/angular-tutorial" title="Angular.js Tutorial">AngularJS Tutorial</a></li> <li><a href="/category/git-tutorial" title="Git Tutorial">Git Tutorial</a></li> <li><a href="/category/postgresql-tutorial" title="PostgreSQL Tutorial">PostgreSQL Tutorial</a></li> <li><a href="/category/mongodb-tutorial" title="MongoDB Tutorial">MongoDB Tutorial</a></li> <li><a href="/category/introduction-to-asp-net" title="ASP Tutorial">ASP Tutorial</a></li> <li><a href="/category/artificial-intelligence" title="A.I. Tutorial">AI Tutorial</a></li> <li><a href="/category/golang" title="Go Tutorial">GO Tutorial</a></li> <li><a href="/category/kotlin-android-tutorial" title="Kotlin Tutorial">Kotlin Tutorial</a></li> <li><a href="/category/sass" title="Sass Tutorial">Sass Tutorial</a></li> <li><a href="/category/vue-js" title="Vue.js Tutorial">VUE Tutorial</a></li> <li><a href="/category/learn-data-structures-and-algorithms-dsa-tutorial" title="DSA Tutorial">DSA Tutorial</a></li> <li><a href="/category/what-is-generative-ai" title="Gen A.I. Tutorial">GEN AI Tutorial</a></li> <li><a href="/category/scipy-curve-fitting" title="SciPy Tutorial">SciPy Tutorial</a></li> <li><a href="/category/aws-tutorial" title="AWS Tutorial">AWS Tutorial</a></li> <li><a href="/category/spring-boot" title="Spring Boot Tutorial">Spring Boot</a></li> <li><a href="/category/spring-cloud-gateway" title="Spring Cloud Tutorial">Spring Cloud</a></li> <li><a href="/category/introduction-to-docker" title="Docker Tutorial">Docker</a> </ul> </div> </div> <span class="header_mail">Learn the most popular programming languages in the world.</span> </div> </div> <div class="wrapper"> <div class="header_mid"> <a href="javascript:void(0)" class="header_categ_opener" style="display:none"><span class="icon-grid"></span>Categories</a> <span class="ic-left" onmousedown="initScroll(-1)" onmouseup="stopScrolling()" onmouseout="stopScrolling()"></span> <ul class="header_nav" id="header_mid"> <li><a href="/html-tutorial" title="HTML Tutorial">HTML</a></li> <li><a href="/css-tutorial" title="CSS Tutorial">CSS</a></li> <li><a href="/javascript" title="JavaScript Tutorial">JavaScript</a></li> <li><a href="/sql-tutorial" title="SQL Tutorial">SQL</a></li> <li><a href="/python-programming-language-tutorial" title="Python Tutorial">Python</a></li> <li><a href="/java" title="Java Tutorial">Java</a></li> <li><a href="/php-tutorial" title="PHP Tutorial">PHP</a></li> <li><a href="/openai-python-api" title="OpenAI Tutorial">OpenAI</a></li> <li><a href="/android-tutorial" title="Android Tutorial">Android</a></li> <li><a href="/openai-python-api" title="C Tutorial">C</a></li> <li><a href="/c-plus-plus" title="C++ Tutorial">C++</a></li> <li><a href="/csharp-programming-language" title="C# Tutorial">C#</a></li> <li><a href="/bootstrap" title="Bootstrap Tutorial">Bootstrap</a></li> <li><a href="/react-tutorial" title="React Tutorial">React</a></li> <li><a href="/mysql-tutorial" title="MySQL Tutorial">MySQL</a></li> <li><a href="/jquery-tutorial" title="JQuery Tutorial">JQuery</a></li> <li><a href="/excel-tutorial" title="Excel Tutorial">Excel</a></li> <li><a href="/xml-basics" title="XML Tutorial">XML</a></li> <li><a href="/django-tutorial" title="Django Tutorial">Django</a></li> <li><a href="/numpy-tutorial" title="NumPy Tutorial">NumPy</a></li> <li><a href="/pandas-tutorial" title="Pandas Tutorial">Pandas</a></li> <li><a href="/nodejs" title="Node.js Tutorial">NodeJS</a></li> <li><a href="/r-tutorial" title="R Tutorial">R</a></li> <li><a href="/typescript" title="TypeScript Tutorial">TypeScript</a></li> <li><a href="/angular-tutorial" title="Angular.js Tutorial">AngularJS</a></li> <li><a href="/git-tutorial" title="Git Tutorial">GIT</a></li> <li><a href="/postgresql-tutorial" title="PostgreSQL Tutorial">PostgreSQL</a></li> <li><a href="/mongodb-tutorial" title="MongoDB Tutorial">MongoDB</a></li> <li><a href="/introduction-to-asp-net" title="ASP Tutorial">ASP</a></li> <li><a href="/artificial-intelligence" title="A.I. Tutorial">AI</a></li> <li><a href="/golang" title="Go Tutorial">GO</a></li> <li><a href="/kotlin-android-tutorial" title="Kotlin Tutorial">Kotlin</a></li> <li><a href="/sass" title="Sass Tutorial">Sass</a></li> <li><a href="/vue-js" title="Vue.js Tutorial">Vue</a></li> <li><a href="/learn-data-structures-and-algorithms-dsa-tutorial" title="DSA Tutorial">DSA</a></li> <li><a href="/what-is-generative-ai" title="Gen A.I. Tutorial">GEN AI</a></li> <li><a href="/scipy-curve-fitting" title="SciPy Tutorial">SciPy</a></li> <li><a href="/aws-tutorial" title="AWS Tutorial">AWS</a></li> <li><a href="/spring-boot" title="Spring Boot Tutorial">Spring Boot</a></li> <li><a href="/spring-cloud-gateway" title="Spring Cloud Tutorial">Spring Cloud</a></li> <li><a href="/introduction-to-docker" title="Docker Tutorial">Docker</a> <li><a href="/cyber-security-tutorial" title="Cyber security Tutorial">CYBERSECURITY</a></li> <li><a href="/data-science-with-python-tutorial" title="Data science Tutorial">DATA SCIENCE</a></li> </ul> <span class="ic-right" onmousedown="initScroll(1)" onmouseup="stopScrolling()" onmouseout="stopScrolling()"></span> <a href="javascript:void(0)" class="button-nav"><span></span></a> </div> <div class="navoverlay"></div> </div> </header> <footer class="footer"> <div class="wrapper"> <div class="footer_cols"> <div class="footer_cols_item footer_cols_item-1"> <div class="footer_title">About</div> <div class="footer_txt">W3WIKI provides a basic technical tutorial on programming, introducing the basic knowledge of various programming languages such as HTML, CSS, Javascript, Python, Java, Ruby, C, PHP, MySQL, etc.</div> </div> <div class="footer_cols_item footer_cols_item-2"> <div class="footer_title">Categories</div> <ul class="footer_list"> <li><a target="_blank" href="/category/html-tutorial" title="HTML Tutorial">HTML</a></li> <li><a target="_blank" href="/category/css-tutorial" title="CSS Tutorial">CSS</a></li> <li><a target="_blank" href="/category/javascript" title="JavaScript Tutorial">JAVASCRIPT</a></li> <li><a target="_blank" href="/category/sql-tutorial" title="SQL Tutorial">SQL</a></li> <li><a target="_blank" href="/category/python-programming-language-tutorial" title="Python Tutorial">PYTHON</a></li> <li><a target="_blank" href="/category/java" title="Java Tutorial">JAVA</a></li> <li><a target="_blank" href="/category/php-tutorial" title="PHP Tutorial">PHP</a></li> <li><a target="_blank" href="/category/android-tutorial" title="Android Tutorial">Android</a></li> <li><a target="_blank" href="/category/w3-css-text-and-fonts" title="W3.CSS Tutorial">W3.CSS</a></li> <li><a target="_blank" href="/category/c-programming-language" title="C Tutorial">C</a></li> <li><a target="_blank" href="/category/c-plus-plus" title="C++ Tutorial">C++</a></li> <li><a target="_blank" href="/category/csharp-programming-language" title="C# Tutorial">C#</a></li> <li><a target="_blank" href="/category/bootstrap-5" title="Bootstrap Tutorial">BOOTSTRAP</a></li> <li><a target="_blank" href="/category/react-tutorial" title="React Tutorial">REACT</a></li> <li><a target="_blank" href="/category/mysql-tutorial" title="MySQL Tutorial">MYSQL</a></li> <li><a target="_blank" href="/category/jquery-tutorial" title="JQuery Tutorial">JQUERY</a></li> <li><a target="_blank" href="/category/excel-tutorial" title="Excel Tutorial">EXCEL</a></li> <li><a target="_blank" href="/category/xml-basics" title="XML Tutorial">XML</a></li> <li><a target="_blank" href="/category/django-tutorial" title="Django Tutorial">DJANGO</a></li> <li><a target="_blank" href="/category/numpy-tutorial" title="NumPy Tutorial">NUMPY</a></li> <li><a target="_blank" href="/category/pandas-tutorial" title="Pandas Tutorial">PANDAS</a></li> <li><a target="_blank" href="/category/nodejs" title="Node.js Tutorial">NODEJS</a></li> <li><a target="_blank" href="/category/r-tutorial" title="R Tutorial">R</a></li> <li><a target="_blank" href="/category/typescript" title="TypeScript Tutorial">TYPESCRIPT</a></li> <li><a target="_blank" href="/category/angular-tutorial" title="Angular.js Tutorial">ANGULAR</a></li> <li><a target="_blank" href="/category/git-tutorial" title="Git Tutorial">GIT</a></li> <li><a target="_blank" href="/category/postgresql-tutorial" title="PostgreSQL Tutorial">POSTGRESQL</a></li> <li><a target="_blank" href="/category/mongodb-tutorial" title="MongoDB Tutorial">MONGODB</a></li> <li><a target="_blank" href="/category/introduction-to-asp-net" title="ASP Tutorial">ASP</a></li> <li><a target="_blank" href="/category/artificial-intelligence" title="A.I. Tutorial">AI</a></li> <li><a target="_blank" href="/category/golang" title="Go Tutorial">GO</a></li> <li><a target="_blank" href="/category/kotlin-android-tutorial" title="Kotlin Tutorial">KOTLIN</a></li> <li><a target="_blank" href="/category/sass" title="Sass Tutorial">SASS</a></li> <li><a target="_blank" href="/category/vue-js" title="Vue.js Tutorial">VUE</a></li> <li><a target="_blank" href="/category/learn-data-structures-and-algorithms-dsa-tutorial" title="DSA Tutorial">DSA</a></li> <li><a target="_blank" href="/category/what-is-generative-ai" title="Gen A.I. Tutorial">GEN AI</a></li> <li><a target="_blank" href="/category/scipy-curve-fitting" title="SciPy Tutorial">SCIPY</a></li> <li><a target="_blank" href="/category/aws-tutorial" title="AWS Tutorial">AWS</a></li> <li><a target="_blank" href="/category/cyber-security-tutorial" title="Cyber security Tutorial">CYBERSECURITY</a></li> <li><a target="_blank" href="/category/data-science-with-python-tutorial" title="Data science Tutorial">DATA SCIENCE</a></li> </ul> </div> <div class="footer_cols_item footer_cols_item-3"> <div class="footer_title">Follow us</div> <div class="soc"> <div class="soc_item"> <a href="javascript:void(0)"> <span class="soc_item_icon"><span class="icon-fb"></span></span> <span class="soc_item_txt">2,1 k+</span> </a> </div> <div class="soc_item"> <a href="javascript:void(0)"> <span class="soc_item_icon"><span class="icon-tw"></span></span> <span class="soc_item_txt">3,6 k+</span> </a> </div> <div class="soc_item"> <a href="javascript:void(0)"> <span class="soc_item_icon"><span class="icon-youtube"></span></span> <span class="soc_item_txt">2,8 k+</span> </a> </div> <div class="soc_item"> <a href="javascript:void(0)"> <span class="soc_item_icon"><span class="icon-instagram"></span></span> <span class="soc_item_txt">6,3 k+</span> </a> </div> </div> </div> </div> <div class="footer_bot"> <div class="footer_copy">© Benchy 2024. All rights reserved</div> <div class="footer_links"> <a href="javascript:void(0)">Privacy Policy</a> <span class="dash"></span> <a href="javascript:void(0)">Terms & Conditions</a> </div> </div> </div> </footer> <div class="overlay"></div> </div> <script src="/public/js/main.js"></script> </body> </html>