cody - HTMLify profile
cody
4270 Files
633161 Views
Latest files of /cody/atherosai/ui/accordion-04
index_socials.html
cody/atherosai/ui/accordion-04/index_socials.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Accordion FAQ</title>
<link rel="stylesheet" href="style.css">
style.css
cody/atherosai/ui/accordion-04/style.css
@import url('https://fonts.googleapis.com/css2?family=Mulish&display=swap');
:root {
--white: #FFF;
--background: #060D23;
--background-hover: #383D4F;
--primary-blue: #00E0FE;
--blue-gray: #f4fcff;
:root {
--white: #FFF;
--background: #060D23;
--background-hover: #383D4F;
--primary-blue: #00E0FE;
--blue-gray: #f4fcff;
index.html
cody/atherosai/ui/accordion-04/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Accordion FAQ</title>
<link rel="stylesheet" href="style.css">
</head>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Accordion FAQ</title>
<link rel="stylesheet" href="style.css">
</head>
script.js
cody/atherosai/ui/accordion-04/script.js
//? This code is for animating details
//? of summary component and slightly modified
//? https://css-tricks.com/how-to-animate-the-
//? details-element-using-waapi/
class Accordion {
constructor(el) {
this.el = el;
//? of summary component and slightly modified
//? https://css-tricks.com/how-to-animate-the-
//? details-element-using-waapi/
class Accordion {
constructor(el) {
this.el = el;