4875 sujets

Sémantique web et HTML

Bonjour,
Je suis graphiste, le web n'est pas mon domaine, j'essaie de me débrouiller.
J'ai trouvé un plugin MixItUp, il est bien pour mon projet Portfolio je trouve, mais juste que je veux ajouter un menu "ABOUT" après les menus qui sont utilisés par le JQuery pour la distribution des images.

Voici la Demo du plugin : https://www.queness.com/resources/html/simple-portfolio-page/index.html

"ABOUT" serait après le menu "Web", mais je ne veux que mettre une photo et du texte une fois qu'on a cliqué sur ce menu.

Voici le code des listes :
<ul id="filters" class="clearfix">
			<li><span class="filter active" data-filter=".app, .card, .icon, .logo, .web">All</span></li>
			<li><span class="filter" data-filter=".app">App</span></li>
			<li><span class="filter" data-filter=".card">Card</span></li>
			<li><span class="filter" data-filter=".icon">Icon</span></li>
			<li><span class="filter" data-filter=".logo">Logo</span></li>
			<li><span class="filter" data-filter=".web">Web</span></li>
			<li><span class="filter">ABOUT</span></li>
		</ul>

Le code où il y a une image animées par le plugin :
			<div class="portfolio card" data-cat="card">
				<div class="portfolio-wrapper">			
					<img src="img/portfolios/card/5.jpg" alt="" />
					<div class="label">
						<div class="label-text">
							<a class="text-title">Techlion</a>
							<span class="text-category">Business card</span>
						</div>
						<div class="label-bg"></div>
					</div>
				</div>
			</div>	

Je suis embêtée du coup, en fait, je n'ai pas besoin du plugin pour le menu que je veux ajouter.
Comment dois-je faire dans mon cas ?

PS : le "." avant app, card, icon, il sert à quoi ? Je pose la question, car ils ont une couleur particulière dans le code HTML.

Merci pour votre guide, et conseils.
Modifié par Levendivin (13 Mar 2018 - 00:02)