{"id":20,"date":"2026-05-06T12:47:53","date_gmt":"2026-05-06T12:47:53","guid":{"rendered":"http:\/\/nailster.idasaabyfeld.dk\/?page_id=20"},"modified":"2026-05-21T16:14:01","modified_gmt":"2026-05-21T16:14:01","slug":"guideside","status":"publish","type":"page","link":"https:\/\/nailster.idasaabyfeld.dk\/index.php\/guideside\/","title":{"rendered":"Guideside"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20\" class=\"elementor elementor-20\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2028c19 e-flex e-con-boxed e-con e-parent\" data-id=\"2028c19\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a0c3cc elementor-widget elementor-widget-hfe-breadcrumbs-widget\" data-id=\"7a0c3cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hfe-breadcrumbs-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<nav aria-label=\"Breadcrumb\"><ul class=\"hfe-breadcrumbs hfe-breadcrumbs-show-home\"><li class=\"hfe-breadcrumbs-item hfe-breadcrumbs-first\"><span class=\"hfe-breadcrumbs-home-icon\"><\/span><a href=\"https:\/\/nailster.idasaabyfeld.dk\"><span class=\"hfe-breadcrumbs-text\">L\u00e6ringsunivers<\/span><\/a><\/li><\/ul><\/nav>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc1ebc0 elementor-widget elementor-widget-heading\" data-id=\"dc1ebc0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Guideunivers<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-840356e elementor-widget elementor-widget-html\" data-id=\"840356e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.e-con-inner {\n  max-width: 100% !important;\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\n\/* FILTER BAR *\/\n\n.filter-scroll-wrapper {\n  width: 100%;\n  overflow-x: auto;\n  overflow-y: hidden;\n  scrollbar-width: none;\n  margin-bottom: 12px;\n}\n\n.filter-scroll-wrapper::-webkit-scrollbar {\n  display: none;\n}\n\n.filter-track {\n  display: flex;\n  gap: 10px;\n  width: max-content;\n}\n\n.filter-btn {\n  appearance: none;\n  -webkit-appearance: none;\n  height: 44px;\n  padding: 0 28px;\n  background: #fff !important;\n  color: #35251C !important;\n  border: 1px solid #35251C !important;\n  border-radius: 0;\n  font-family: \"Playfair Display\", serif !important;\n  font-size: 16px !important;\n  font-weight: 400 !important;\n  white-space: nowrap;\n  cursor: pointer;\n  transition: 0.3s ease;\n}\n\n.filter-btn.active,\n.filter-btn:hover {\n  background: #35251C !important;\n  color: #fff !important;\n}\n\n.filter-progress {\n  position: relative;\n  width: calc(100%);\n  height: 8px;\n  background: #c7c2be;\n  border-radius: 999px;\n  margin: 0 0px 30px;\n  overflow: hidden;\n}\n\n.filter-progress-bar {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 35%;\n  height: 100%;\n  background: #35251C;\n  border-radius: 999px;\n  transform: translateX(0);\n}\n\n\/* FEATURE BOXES *\/\n\n.guide-feature-row {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr) 2.7fr;\n  gap: 16px;\n  margin: 0 0px 40px;\n}\n\n.guide-feature-box {\n  background: #F5F0F0;\n  border-radius: 5px;\n  padding: 28px 24px;\n  min-height: 170px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  cursor: pointer;\n  text-decoration: none !important;\n  color: #000 !important;\n  transition: 0.3s ease;\n}\n\n.guide-feature-box:hover {\n  transform: translateY(-3px);\n}\n\n.guide-feature-box:hover,\n.guide-feature-box:hover * {\n  text-decoration: none !important;\n}\n\n.guide-feature-icon {\n  width: 32px;\n  height: 32px;\n  object-fit: contain;\n}\n\n.guide-feature-title {\n  font-family: \"Inter\", sans-serif;\n  font-size: 17px;\n  font-weight: 700;\n  margin: 18px 0 10px;\n}\n\n.guide-feature-text {\n  font-family: \"Inter\", sans-serif;\n  font-size: 16px;\n  line-height: 1.4;\n  margin: 0;\n}\n\n.guide-feature-box,\n.guide-feature-box:hover,\n.guide-feature-box *,\n.guide-feature-box:hover * {\n  text-decoration: none !important;\n}\n\n.guide-feature-arrow {\n  width: 30px;\n  height: auto;\n  margin-left: auto;\n  margin-top: 10px;\n}\n\n.quiz-box {\n  position: relative;\n  overflow: hidden;\n  display: grid;\n  grid-template-columns: 1.35fr 1fr;\n  align-items: center;\n}\n\n.quiz-content {\n  position: relative;\n  z-index: 2;\n}\n\n.quiz-label {\n  font-family: \"Playfair Display\", serif;\n  font-size: 20px;\n  font-weight: 700;\n  margin: 0 0 4px;\n}\n\n.quiz-title {\n  font-family: \"Playfair Display\", serif;\n  font-size: 24px;\n  font-weight: 700;\n  margin: 0 0 12px;\n}\n\n.quiz-button,\n.quiz-button:hover,\n.quiz-button:focus {\n  width: 170px;\n  height: 42px;\n  border-radius: 5px;\n  background: #35251C !important;\n  color: #fff !important;\n  border: none !important;\n  font-family: \"Inter\", sans-serif;\n  font-size: 14px;\n  font-weight: 700;\n  margin-top: 16px;\n  cursor: pointer;\n}\n\n.quiz-image {\n  position: absolute;\n  right: 35px;\n  bottom: -54px;\n  height: 62%;\n  width: 200px;\n  object-fit: contain;\n  transform: rotate(-90deg);\n  transform-origin: center;\n}\n\n\/* CARDS *\/\n\n.learning-grid-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 40px;\n}\n\n.learning-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n}\n\n.learning-card {\n  display: grid;\n  grid-template-rows: auto 1fr;\n  gap: 22px;\n  background: #fff;\n  border: 1px solid rgba(0,0,0,0.25);\n  padding: 48px;\n  transition: 0.3s ease;\n}\n\n.learning-card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n}\n\n.learning-image-wrap {\n  position: relative;\n}\n\n.learning-image-wrap img.main-img {\n  width: 100%;\n  aspect-ratio: 1.25 \/ 1;\n  object-fit: cover;\n  display: block;\n  border-radius: 5px;\n}\n\n.learning-badge {\n  position: absolute;\n  top: 16px;\n  left: 16px;\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  background: #F5F0F0;\n  border: 1px solid #35251C;\n  border-radius: 5px;\n  padding: 10px 16px;\n  font-family: \"Inter\", sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.learning-badge img {\n  width: 22px;\n  height: 22px;\n  object-fit: contain;\n}\n\n.learning-content {\n  text-align: left;\n}\n\n.learning-card h3 {\n  margin: 0 0 18px;\n  font-family: \"Playfair Display\", serif;\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 1.3;\n}\n\n.learning-card p {\n  margin: 0 0 22px;\n  font-family: \"Inter\", sans-serif;\n  font-size: 15px;\n  line-height: 1.5;\n}\n\n.learning-card a {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 50px;\n  margin: 0 0 22px;\n  background: #F5F0F0;\n  color: #000;\n  border: 1px solid #000;\n  border-radius: 5px;\n  text-decoration: none;\n  font-family: \"Inter\", sans-serif;\n  font-size: 14px;\n  font-weight: 700;\n  transition: 0.3s ease;\n}\n\n.learning-card a:hover {\n  background: #35251C;\n  color: #fff;\n}\n\n.learning-meta {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-family: \"Inter\", sans-serif;\n  font-size: 15px;\n}\n\n.learning-meta img {\n  width: 16px;\n  height: 16px;\n  object-fit: contain;\n}\n\n.meta-dot {\n  font-size: 14px;\n}\n\n@media (max-width: 1024px) {\n  .guide-feature-row {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .quiz-box {\n    grid-column: span 2;\n  }\n\n  .learning-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .learning-card {\n    padding: 30px;\n  }\n}\n\n@media (max-width: 767px) {\n  .filter-track {\n    padding: 0 15px;\n  }\n\n  .filter-progress {\n    width: calc(100% - 30px);\n    margin-left: 15px;\n    margin-right: 15px;\n  }\n\n  .guide-feature-row,\n  .learning-grid-wrapper {\n    margin-left: 15px;\n    margin-right: 15px;\n  }\n\n  .guide-feature-row,\n  .learning-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .quiz-box {\n    grid-template-columns: 1fr;\n  }\n\n  .quiz-image {\n    right: -20px;\n    bottom: 20px;\n    height: 45%;\n    opacity: 0.35;\n  }\n\n  .learning-card {\n    padding: 22px;\n  }\n}\n<\/style>\n\n<!-- FILTERS -->\n\n<div class=\"filter-scroll-wrapper\" id=\"filterScroll\">\n  <div class=\"filter-track\">\n    <button class=\"filter-btn active\" data-filter=\"all\">Alle<\/button>\n    <button class=\"filter-btn\" data-filter=\"begynder\">Nybegynder<\/button>\n    <button class=\"filter-btn\" data-filter=\"nailart\">Nail art<\/button>\n    <button class=\"filter-btn\" data-filter=\"gelpolish\">Gel polish<\/button>\n    <button class=\"filter-btn\" data-filter=\"buildergel\">Builder gel<\/button>\n    <button class=\"filter-btn\" data-filter=\"tipper\">Tipper<\/button>\n    <button class=\"filter-btn\" data-filter=\"polygel\">Polygel<\/button>\n    <button class=\"filter-btn\" data-filter=\"aftagning\">Aftagning<\/button>\n    <button class=\"filter-btn\" data-filter=\"prep\">Prep<\/button>\n    <button class=\"filter-btn\" data-filter=\"elektrisk\">Elektrisk Neglefil<\/button>\n    <button class=\"filter-btn\" data-filter=\"teknikker\">Teknikker<\/button>\n    <button class=\"filter-btn\" data-filter=\"rubberbase\">Rubber base<\/button>\n  <\/div>\n<\/div>\n\n<div class=\"filter-progress\">\n  <div class=\"filter-progress-bar\" id=\"filterProgressBar\"><\/div>\n<\/div>\n\n<!-- FEATURE BOXES -->\n\n<div class=\"guide-feature-row\">\n  <div class=\"guide-feature-box feature-filter\" data-filter=\"trending\">\n    <img decoding=\"async\" class=\"guide-feature-icon\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/Flame.svg\" alt=\"\">\n    <div>\n      <div class=\"guide-feature-title\">Trending<\/div>\n      <p class=\"guide-feature-text\">Opdag de seneste trends<\/p>\n    <\/div>\n    <img decoding=\"async\" class=\"guide-feature-arrow\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/Arrow-1.svg\" alt=\"\">\n  <\/div>\n\n  <div class=\"guide-feature-box feature-filter\" data-filter=\"hurtige\">\n    <img decoding=\"async\" class=\"guide-feature-icon\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/Watch.svg\" alt=\"\">\n    <div>\n      <div class=\"guide-feature-title\">Hurtige designs<\/div>\n      <p class=\"guide-feature-text\">Smukke resultater p\u00e5 kort tid<\/p>\n    <\/div>\n    <img decoding=\"async\" class=\"guide-feature-arrow\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/Arrow-1.svg\" alt=\"\">\n  <\/div>\n\n  <div class=\"guide-feature-box feature-filter\" data-filter=\"avanceret\">\n    <img decoding=\"async\" class=\"guide-feature-icon\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/Star.svg\" alt=\"\">\n    <div>\n      <div class=\"guide-feature-title\">Avancerede teknikker<\/div>\n      <p class=\"guide-feature-text\">L\u00f8ft dine skills til n\u00e6ste niveau<\/p>\n    <\/div>\n    <img decoding=\"async\" class=\"guide-feature-arrow\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/Arrow-1.svg\" alt=\"\">\n  <\/div>\n\n  <div class=\"guide-feature-box feature-filter\" data-filter=\"populaer\">\n    <img decoding=\"async\" class=\"guide-feature-icon\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/Star02.svg\" alt=\"\">\n    <div>\n      <div class=\"guide-feature-title\">Popul\u00e6re lige nu<\/div>\n      <p class=\"guide-feature-text\">Se de mest sete guides<\/p>\n    <\/div>\n    <img decoding=\"async\" class=\"guide-feature-arrow\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/Arrow-1.svg\" alt=\"\">\n  <\/div>\n\n  <a class=\"guide-feature-box quiz-box\" href=\"\/quiz\">\n    <div class=\"quiz-content\">\n      <p class=\"quiz-label\">QUIZ:<\/p>\n      <p class=\"quiz-title\">Find dit n\u00e6ste look<\/p>\n      <p class=\"guide-feature-text\">Test dig selv og find ud af hvilket look, som du skal lave n\u00e6ste gang!<\/p>\n      <button class=\"quiz-button\">Tag quizzen<\/button>\n    <\/div>\n    <img decoding=\"async\" class=\"quiz-image\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/negle-quiz.png\" alt=\"\">\n  <\/a>\n<\/div>\n\n<!-- CARDS -->\n\n<div class=\"learning-grid-wrapper\">\n\n  <div class=\"learning-grid\">\n\n    <div class=\"learning-card\" data-category=\"gelpolish nailart trending\">\n      <div class=\"learning-image-wrap\">\n        <img decoding=\"async\" class=\"main-img\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/haileybieber.png\" alt=\"\">\n        <div class=\"learning-badge\">\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/Star02.svg\" alt=\"\"> Trending\n        <\/div>\n      <\/div>\n      <div class=\"learning-content\">\n        <h3>Pearl Gel Polish<\/h3>\n        <p>I denne guide tager vi dig igennem b\u00e5de p\u00e5f\u00f8ring af vores nye Pearl Selection og et bud p\u00e5 et marble nail art design.<\/p>\n        <a href=\"\/underside-1\">Se Guiden<\/a>\n        <div class=\"learning-meta\">\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/trin.svg\" alt=\"\"> <span>8 trin<\/span>\n          <span class=\"meta-dot\">\u00b7<\/span>\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/svaerhedsgrad.svg\" alt=\"\"> <span>Mellem<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"learning-card\" data-category=\"nailart begynder hurtige\">\n      <div class=\"learning-image-wrap\">\n        <img decoding=\"async\" class=\"main-img\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/sponge.png\" alt=\"\">\n      <\/div>\n      <div class=\"learning-content\">\n        <h3>Nail Art Sponges<\/h3>\n        <p>I denne guide viser vi dig, hvordan du bruger Nail Art Sponges til at skabe flotte farveovergange og ombre-effekter p\u00e5 neglene.<\/p>\n        <a href=\"http:\/\/nailster.idasaabyfeld.dk\/index.php\/guideside\/nail-art-sponges-2\/\">Se Guiden<\/a>\n        <div class=\"learning-meta\">\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/trin.svg\" alt=\"\"> <span>6 trin<\/span>\n          <span class=\"meta-dot\">\u00b7<\/span>\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/svaerhedsgrad.svg\" alt=\"\"> <span>Let<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"learning-card\" data-category=\"polygel nailart populaer\">\n      <div class=\"learning-image-wrap\">\n        <img decoding=\"async\" class=\"main-img\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/gelblomst.png\" alt=\"\">\n        <div class=\"learning-badge\">\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/Star02.svg\" alt=\"\"> Popul\u00e6re lige nu\n        <\/div>\n      <\/div>\n      <div class=\"learning-content\">\n        <h3>3D Blomst med Polygel<\/h3>\n        <p>I denne guide tager vi dig igennem, hvordan du former og bygger en smuk 3D-blomst med Polygel til et elegant nail art look.<\/p>\n        <a href=\"\/underside-3\">Se Guiden<\/a>\n        <div class=\"learning-meta\">\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/trin.svg\" alt=\"\"> <span>12 trin<\/span>\n          <span class=\"meta-dot\">\u00b7<\/span>\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/svaerhedsgrad.svg\" alt=\"\"> <span>Sv\u00e6r<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"learning-grid\">\n\n    <div class=\"learning-card\" data-category=\"nailart teknikker avanceret\">\n      <div class=\"learning-image-wrap\">\n        <img decoding=\"async\" class=\"main-img\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/liner.png\" alt=\"\">\n        <div class=\"learning-badge\">\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/Star.svg\" alt=\"\"> Avancerede teknikker\n        <\/div>\n      <\/div>\n      <div class=\"learning-content\">\n        <h3>M\u00f8nster med B\u00f8rster<\/h3>\n        <p>I denne guide viser vi dig, hvordan du med nail art b\u00f8rster kan lave fine m\u00f8nstre og detaljerede designs p\u00e5 neglene.<\/p>\n        <a href=\"\/underside-4\">Se Guiden<\/a>\n        <div class=\"learning-meta\">\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/trin.svg\" alt=\"\"> <span>13 trin<\/span>\n          <span class=\"meta-dot\">\u00b7<\/span>\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/svaerhedsgrad.svg\" alt=\"\"> <span>Sv\u00e6r<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"learning-card\" data-category=\"nailart teknikker hurtige\">\n      <div class=\"learning-image-wrap\">\n        <img decoding=\"async\" class=\"main-img\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/leo.png\" alt=\"\">\n      <\/div>\n      <div class=\"learning-content\">\n        <h3>P\u00e5f\u00f8relse af Smykkesten<\/h3>\n        <p>I denne guide l\u00e6rer du, hvordan du nemt p\u00e5f\u00f8rer smykkesten p\u00e5 neglene for at skabe et eksklusivt og dekorativt look.<\/p>\n        <a href=\"\/underside-5\">Se Guiden<\/a>\n        <div class=\"learning-meta\">\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/trin.svg\" alt=\"\"> <span>4 trin<\/span>\n          <span class=\"meta-dot\">\u00b7<\/span>\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/svaerhedsgrad.svg\" alt=\"\"> <span>Let<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"learning-card\" data-category=\"nailart begynder hurtige\">\n      <div class=\"learning-image-wrap\">\n        <img decoding=\"async\" class=\"main-img\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/prikker.png\" alt=\"\">\n      <\/div>\n      <div class=\"learning-content\">\n        <h3>Prikker med Nail Art Tools<\/h3>\n        <p>I denne guide viser vi dig, hvordan du bruger Nail Art Tools til at lave flotte prikker og kreative m\u00f8nstre p\u00e5 neglene.<\/p>\n        <a href=\"\/underside-6\">Se Guiden<\/a>\n        <div class=\"learning-meta\">\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/trin.svg\" alt=\"\"> <span>6 trin<\/span>\n          <span class=\"meta-dot\">\u00b7<\/span>\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/svaerhedsgrad.svg\" alt=\"\"> <span>Let<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"learning-grid\">\n\n    <div class=\"learning-card\" data-category=\"nailart teknikker\">\n      <div class=\"learning-image-wrap\">\n        <img decoding=\"async\" class=\"main-img\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/glitter.png\" alt=\"\">\n      <\/div>\n      <div class=\"learning-content\">\n        <h3>P\u00e5f\u00f8ring af Glitter<\/h3>\n        <p>I denne guide tager vi dig igennem, hvordan du p\u00e5f\u00f8rer glitter for at skabe et funklende og i\u00f8jnefaldende nail art design.<\/p>\n        <a href=\"\/underside-7\">Se Guiden<\/a>\n        <div class=\"learning-meta\">\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/trin.svg\" alt=\"\"> <span>7 trin<\/span>\n          <span class=\"meta-dot\">\u00b7<\/span>\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/svaerhedsgrad.svg\" alt=\"\"> <span>Let<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"learning-card\" data-category=\"nailart gelpolish teknikker avanceret\">\n      <div class=\"learning-image-wrap\">\n        <img decoding=\"async\" class=\"main-img\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/paris.png\" alt=\"\">\n      <\/div>\n      <div class=\"learning-content\">\n        <h3>Nail Art med Blooming Gel<\/h3>\n        <p>I denne guide viser vi dig, hvordan du bruger Blooming Gel til at skabe smukke flydende m\u00f8nstre og unikke nail art effekter.<\/p>\n        <a href=\"\/underside-8\">Se Guiden<\/a>\n        <div class=\"learning-meta\">\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/trin.svg\" alt=\"\"> <span>13 trin<\/span>\n          <span class=\"meta-dot\">\u00b7<\/span>\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/svaerhedsgrad.svg\" alt=\"\"> <span>Sv\u00e6r<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"learning-card\" data-category=\"gelpolish begynder teknikker\">\n      <div class=\"learning-image-wrap\">\n        <img decoding=\"async\" class=\"main-img\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/franskenegle.png\" alt=\"\">\n      <\/div>\n      <div class=\"learning-content\">\n        <h3>French Tip<\/h3>\n        <p>I denne guide l\u00e6rer du, hvordan du laver den klassiske French Tip med et flot og skarpt resultat.<\/p>\n        <a href=\"\/underside-9\">Se Guiden<\/a>\n        <div class=\"learning-meta\">\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/trin.svg\" alt=\"\"> <span>5 trin<\/span>\n          <span class=\"meta-dot\">\u00b7<\/span>\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/svaerhedsgrad.svg\" alt=\"\"> <span>Let<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n<script>\nconst filterButtons = document.querySelectorAll(\".filter-btn\");\nconst featureFilters = document.querySelectorAll(\".feature-filter\");\nconst cards = document.querySelectorAll(\".learning-card\");\n\nfunction applyFilter(filter) {\n  filterButtons.forEach(btn => {\n    btn.classList.toggle(\"active\", btn.dataset.filter === filter);\n  });\n\n  if (filter === \"all\") {\n    filterButtons[0].classList.add(\"active\");\n  }\n\n  cards.forEach(card => {\n    const categories = card.dataset.category.split(\" \");\n\n    if (filter === \"all\" || categories.includes(filter)) {\n      card.style.display = \"grid\";\n    } else {\n      card.style.display = \"none\";\n    }\n  });\n}\n\nfilterButtons.forEach(button => {\n  button.addEventListener(\"click\", () => {\n    applyFilter(button.dataset.filter);\n  });\n});\n\nfeatureFilters.forEach(box => {\n  box.addEventListener(\"click\", () => {\n    applyFilter(box.dataset.filter);\n  });\n});\n\n\/* FILTER SCROLL PROGRESS *\/\n\nconst filterScroll = document.getElementById(\"filterScroll\");\nconst filterProgressBar = document.getElementById(\"filterProgressBar\");\n\nfunction updateFilterProgress() {\n  const maxScroll = filterScroll.scrollWidth - filterScroll.clientWidth;\n  const progressTrack =\n    filterProgressBar.parentElement.clientWidth -\n    filterProgressBar.clientWidth;\n\n  const progress = maxScroll > 0 ? filterScroll.scrollLeft \/ maxScroll : 0;\n\n  filterProgressBar.style.transform =\n    `translateX(${progress * progressTrack}px)`;\n}\n\nfilterScroll.addEventListener(\"scroll\", updateFilterProgress);\nwindow.addEventListener(\"load\", updateFilterProgress);\nwindow.addEventListener(\"resize\", updateFilterProgress);\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de61b43 e-flex e-con-boxed e-con e-parent\" data-id=\"de61b43\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41cd1dd elementor-widget elementor-widget-html\" data-id=\"41cd1dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- IMPORT AF FONTS -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Playfair+Display:wght@700&display=swap\" rel=\"stylesheet\">\n\n<section id=\"custom-nail-grid-section\">\n\n    <!-- TOP VENSTRE BILLEDE -->\n    <div class=\"custom-nail-grid-item custom-nail-image\">\n        <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/Shop-the-look.png\" alt=\"Negledesign\">\n    <\/div>\n\n    <!-- TOP H\u00d8JRE TEKST -->\n    <div class=\"custom-nail-grid-item custom-nail-content\">\n        <div class=\"custom-nail-content-inner\">\n            <h2 class=\"custom-nail-title\">Shop the look<\/h2>\n\n            <p class=\"custom-nail-text\">\n                Mangler du inspiration til dit n\u00e6ste negle look?\n            <\/p>\n\n            <p class=\"custom-nail-text\">\n                Se vores k\u00e6mpe galleri af billeder og find dit n\u00e6ste udtryk,\n                og hvad du skal bruge for at opn\u00e5 det.\n            <\/p>\n\n            <a href=\"https:\/\/nailster.idasaabyfeld.dk\/index.php\/guideside\/shop-the-look\/\" class=\"custom-nail-button\">\n                Se alle looks\n            <\/a>\n        <\/div>\n    <\/div>\n\n    <!-- BUND VENSTRE TEKST -->\n    <div class=\"custom-nail-grid-item custom-nail-content\">\n        <div class=\"custom-nail-content-inner\">\n            <h2 class=\"custom-nail-title\">Negleteori<\/h2>\n\n            <p class=\"custom-nail-text\">\n                Vi vil guide dig igennem de essentielle aspekter,\n                du skal kende for at komme godt fra start med gelak.\n            <\/p>\n\n            <p class=\"custom-nail-text\">\n                Ved at l\u00e6re de korrekte teknikker og plejerutiner,\n                kan du opn\u00e5 sunde, st\u00e6rke og smukke negle.\n            <\/p>\n\n<button class=\"custom-nail-button\">\n    L\u00e6s vores negleteori\n<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- BUND H\u00d8JRE BILLEDE -->\n    <div class=\"custom-nail-grid-item custom-nail-image\">\n        <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/Negle-teori.png\" alt=\"Negledesign\">\n    <\/div>\n\n<\/section>\n\n<style>\n\n\/* WRAPPER *\/\n#custom-nail-grid-section{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    width:100%;\n}\n\n\/* GRID ITEMS *\/\n#custom-nail-grid-section .custom-nail-grid-item{\n    height:620px;\n    position:relative;\n    overflow:hidden;\n}\n\n\/* BILLEDER *\/\n#custom-nail-grid-section .custom-nail-image img{\n    width:100%;\n    height:620px;\n    object-fit:cover;\n    display:block;\n}\n\n\/* TEKST BLOK *\/\n#custom-nail-grid-section .custom-nail-content{\n    background:#F4F1F0;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    padding:80px;\n    box-sizing:border-box;\n}\n\n\/* INDHOLD *\/\n#custom-nail-grid-section .custom-nail-content-inner{\n    max-width:430px;\n    width:100%;\n}\n\n\/* OVERSKRIFTER *\/\n#custom-nail-grid-section .custom-nail-title{\n    font-family:'Playfair Display', serif;\n    font-size:32px;\n    line-height:1.2;\n    color:#000;\n    margin:0 0 30px;\n    font-weight:700;\n}\n\n\/* TEKST *\/\n#custom-nail-grid-section .custom-nail-text{\n    font-family:'Inter', sans-serif;\n    font-size:14px;\n    line-height:2;\n    color:#000;\n    margin:0 0 15px;\n    font-weight:400;\n}\n\n\/* KNAP *\/\n#custom-nail-grid-section .custom-nail-button{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    width:255px;\n    height:55px;\n\n    margin-top:25px;\n\n    background:#35251C;\n    color:#fff;\n    text-decoration:none;\n\n    border:1px solid #35251C;\n    border-radius:5px;\n\n    font-family:'Inter', sans-serif;\n    font-size:14px;\n    font-weight:500;\n\n    padding:0;\n    line-height:1;\n\n    transition:all .3s ease;\n}\n\n\/* HOVER *\/\n#custom-nail-grid-section .custom-nail-button:hover{\n    background:#F5F0F0;\n    color:#000;\n    border:1px solid #000;\n}\n\n\/* RESPONSIVE *\/\n@media only screen and (max-width: 768px){\n\n    #custom-nail-grid-section{\n        grid-template-columns:1fr;\n    }\n\n    #custom-nail-grid-section .custom-nail-grid-item{\n        height:auto;\n    }\n\n    #custom-nail-grid-section .custom-nail-image img{\n        height:500px;\n    }\n\n    #custom-nail-grid-section .custom-nail-content{\n        padding:60px 30px;\n    }\n\n    #custom-nail-grid-section .custom-nail-title{\n        font-size:28px;\n    }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5bdde11 elementor-widget elementor-widget-html\" data-id=\"5bdde11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.shop-colors-section {\n  width: 100%;\n  padding: 40px 0;\n  overflow: hidden;\n}\n\n.shop-colors-section h2 {\n  font-family: \"Playfair Display\", serif;\n  font-size: 32px;\n  font-weight: 700;\n  margin: 0 0 40px 20px;\n}\n\n.shop-scroll-wrapper {\n  width: 100%;\n  overflow-x: auto;\n  overflow-y: hidden;\n  scroll-behavior: smooth;\n  scrollbar-width: none;\n}\n\n.shop-scroll-wrapper::-webkit-scrollbar {\n  display: none;\n}\n\n.shop-scroll-track {\n  display: flex;\n  width: max-content;\n  border-top: 1px solid #000;\n  border-bottom: 1px solid #000;\n}\n\n.shop-item {\n  display: grid;\n  grid-template-columns: 1fr 1.25fr;\n  width: 33.333vw;\n  min-width: 33.333vw;\n  background: #fff;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  transition: 0.35s ease;\n}\n\n.shop-item:hover {\n  background: #F5F0F0;\n}\n\n.shop-image {\n  overflow: hidden;\n}\n\n.shop-image img {\n  width: 100%;\n  aspect-ratio: 1 \/ 1.4;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.6s ease;\n}\n\n.shop-item:hover .shop-image img {\n  transform: scale(1.06);\n}\n\n.shop-info {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 40px;\n  gap: 70px;\n  transition: 0.35s ease;\n}\n\n.shop-item:hover .shop-info {\n  padding-left: 52px;\n}\n\n.shop-info h3 {\n  font-family: \"Inter\", sans-serif;\n  font-size: 14px;\n  font-weight: 700;\n  margin: 0;\n  transition: 0.3s ease;\n}\n\n.shop-arrow img {\n  width: 38px;\n  height: auto;\n  display: block;\n  transition: transform 0.35s ease;\n}\n\n.shop-item:hover .shop-arrow img {\n  transform: translateX(10px);\n}\n\n\/* Progress bar *\/\n.shop-progress {\n  position: relative;\n  width: calc(100% - 40px);\n  height: 8px;\n  background: #c7c2be;\n  border-radius: 999px;\n  margin: 12px 20px 0;\n  overflow: hidden;\n}\n\n.shop-progress-bar {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 35%;\n  background: #35251C;\n  border-radius: 999px;\n  transform: translateX(0);\n}\n\n\/* Tablet *\/\n@media (max-width: 1024px) {\n  .shop-item {\n    width: 50vw;\n    min-width: 50vw;\n  }\n}\n\n\/* Mobil *\/\n@media (max-width: 767px) {\n  .shop-colors-section h2 {\n    font-size: 30px;\n  }\n\n  .shop-item {\n    width: 85vw;\n    min-width: 85vw;\n  }\n\n  .shop-info {\n    padding: 24px;\n    gap: 40px;\n  }\n\n  .shop-item:hover .shop-info {\n    padding-left: 30px;\n  }\n}\n<\/style>\n\n<div class=\"shop-colors-section\">\n\n  <h2>Shop looks efter farver<\/h2>\n\n  <div class=\"shop-scroll-wrapper\" id=\"shopScroll\">\n    <div class=\"shop-scroll-track\">\n\n      <div class=\"shop-item\">\n        <div class=\"shop-image\">\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/snow-white.png\" alt=\"Snow White\">\n        <\/div>\n        <div class=\"shop-info\">\n          <h3>Snow White \u00b7 76<\/h3>\n          <div class=\"shop-arrow\">\n            <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/Arrow-1.svg\" alt=\"\">\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"shop-item\">\n        <div class=\"shop-image\">\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/early-bird.png\" alt=\"Early Bird\">\n        <\/div>\n        <div class=\"shop-info\">\n          <h3>Early Bird \u00b7 287<\/h3>\n          <div class=\"shop-arrow\">\n            <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/Arrow-1.svg\" alt=\"\">\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"shop-item\">\n        <div class=\"shop-image\">\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/mist-of-time.png\" alt=\"Mist Of Time\">\n        <\/div>\n        <div class=\"shop-info\">\n          <h3>Mist Of Time \u00b7 274<\/h3>\n          <div class=\"shop-arrow\">\n            <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/Arrow-1.svg\" alt=\"\">\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"shop-item\">\n        <div class=\"shop-image\">\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/luxury-night.png\" alt=\"Luxury Night\">\n        <\/div>\n        <div class=\"shop-info\">\n          <h3>Luxury Night \u00b7 204<\/h3>\n          <div class=\"shop-arrow\">\n            <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/Arrow-1.svg\" alt=\"\">\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"shop-item\">\n        <div class=\"shop-image\">\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/grass-daisy.png\" alt=\"Grass Daisy\">\n        <\/div>\n        <div class=\"shop-info\">\n          <h3>Grass Daisy \u00b7 242<\/h3>\n          <div class=\"shop-arrow\">\n            <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/Arrow-1.svg\" alt=\"\">\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"shop-item\">\n        <div class=\"shop-image\">\n          <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/hazelnut.png\" alt=\"Hazelnut\">\n        <\/div>\n        <div class=\"shop-info\">\n          <h3>Hazelnut \u00b7 247<\/h3>\n          <div class=\"shop-arrow\">\n            <img decoding=\"async\" src=\"http:\/\/nailster.idasaabyfeld.dk\/wp-content\/uploads\/2026\/05\/Arrow-1.svg\" alt=\"\">\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <div class=\"shop-progress\">\n    <div class=\"shop-progress-bar\" id=\"shopProgressBar\"><\/div>\n  <\/div>\n\n<\/div>\n\n<script>\nconst shopScroll = document.getElementById(\"shopScroll\");\nconst shopProgressBar = document.getElementById(\"shopProgressBar\");\n\nfunction updateShopProgress() {\n  const maxScroll = shopScroll.scrollWidth - shopScroll.clientWidth;\n  const progressTrack = shopProgressBar.parentElement.clientWidth - shopProgressBar.clientWidth;\n  const progress = maxScroll > 0 ? shopScroll.scrollLeft \/ maxScroll : 0;\n\n  shopProgressBar.style.transform = `translateX(${progress * progressTrack}px)`;\n}\n\nshopScroll.addEventListener(\"scroll\", updateShopProgress);\nwindow.addEventListener(\"load\", updateShopProgress);\nwindow.addEventListener(\"resize\", updateShopProgress);\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>L\u00e6ringsunivers Guideunivers Alle Nybegynder Nail art Gel polish Builder gel Tipper Polygel Aftagning Prep Elektrisk Neglefil Teknikker Rubber base Trending Opdag de seneste trends Hurtige designs Smukke resultater p\u00e5 kort tid Avancerede teknikker L\u00f8ft dine skills til n\u00e6ste niveau Popul\u00e6re lige nu Se de mest sete guides QUIZ: Find dit n\u00e6ste look Test dig selv [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nailster.idasaabyfeld.dk\/index.php\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nailster.idasaabyfeld.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nailster.idasaabyfeld.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nailster.idasaabyfeld.dk\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nailster.idasaabyfeld.dk\/index.php\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":566,"href":"https:\/\/nailster.idasaabyfeld.dk\/index.php\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":1988,"href":"https:\/\/nailster.idasaabyfeld.dk\/index.php\/wp-json\/wp\/v2\/pages\/20\/revisions\/1988"}],"wp:attachment":[{"href":"https:\/\/nailster.idasaabyfeld.dk\/index.php\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}