ellinfant
Change class name on click in jQuery
by Shobhit Sharma
HTML
<html>
<head>
<title>Ell-infant</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, maximum-scale=1.0">
<title>ONZU Dashboards</title>
<meta property="description" content="Ein kleiner Wunderladen mit großem Herzen und heller Inspiration Besondere Dinge für Ihre Babys" />
<meta property="og:locale" content="de_DE" />
<meta name="apple-mobile-web-app-title" content="Ell-infant">
<meta name="keywords" content="ellinfant,ell-infant,babykleidung">
<meta property="og:site_name" content="Ell-infant">
<meta property="og:type" content="website">
<meta property="og:image" content="https://cdn01.onzu.com/assets/onzu.png">
<meta property="og:title" content="Ell-infant">
<meta property="og:description" content="Ein kleiner Wunderladen mit großem Herzen und heller Inspiration Besondere Dinge für Ihre Babys" />
<link href="https://fonts.googleapis.com/css?family=Rubik|Fira+Mono" rel="stylesheet">
<style>
:root {
/* Base font size */
font-size: 10px;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
body {
font-family: "Rubik", sans-serif;
min-height: 100vh;
background-color: #fafafa;
color: #262626;
padding-bottom: 3rem;
}
a {
text-decoration: none;
color: #0014bd;
}
img {
display: block;
}
.container {
max-width: 93.5rem;
margin: 0 auto;
padding: 0 2rem;
}
/* Profile Section */
.profile {
padding: 5rem 0;
}
.profile::after {
content: "";
display: block;
clear: both;
}
.profile-image {
float: left;
width: calc(33.333% - 1rem);
display: flex;
justify-content:...