Ce site utilise des cookies pour améliorer uniquement votre expérience utilisateur.
Vous pouvez lire à tout moment comment nous utilisons les cookies sur le site.
Bonjour,
Ceci concerne le site de vente d'œuvres d'art sur lequel je travaille. Ce site n'est pas encore en ligne.
Naturellement, j'ai des pages dédiées à chacune de mes œuvres et les visiteurs peuvent effectuer des achats via ces pages en utilisant PayPal ou une carte bancaire.
À cette fin, j'ai utilisé le code recommandé sur le site PayPal. Le problème est que lorsque l'on clique sur les boutons, les fenêtres ne s'ouvrent que pendant un instant.
Cela peut-il être dû au fait que le site n'est pas encore en ligne ?
Merci d'avance.
D'accord,
Bon courage !
Merci beaucoup Flomir.
Je vais voir le tutoriel.
- Comment tu l’exécutes : tu as un serveur Node (npm run / node server.js) ou tu ouvres juste le fichier HTML dans le navigateur ?
J’ouvre juste le fichier HTML dans le navigate
Là, ce que tu as suivi comme tuto, c’est du Node.js (code serveur), alors que toi tu as juste des fichiers HTML que tu ouvres dans le navigateur.
Du coup, c’est normal que ça ne marche pas : ce code est prévu pour tourner sur un serveur Node (avec une commande du genre node server.js), pas directement dans une page ouverte par double‑clic.
Pour que ton bouton PayPal fonctionne avec ton site actuel, il faut utiliser la version “simple” pour page web : juste une balise
<script src="https://www.paypal.com/sdk/js?client-id=ToBeDetermind¤cy=EUR"></script>
puis un petit script :
paypal.Buttons(...).render(...), sans tout le code import express / @paypal/paypal-server-sdk.😱
Les documentations que je peux t'apporter :
https://developer.paypal.com/sdk/js/configuration
Pour aller plus loin :
- Où se trouve le fichier qui contient import express et import { … } from "@paypal/paypal-server-sdk" (backend ou directement inclus dans la page) ?
Je n'ai pas compris la question (désolé), mais en tout cas, je n'ai pas ce type de fichier.
- Comment tu l’exécutes : tu as un serveur Node (npm run / node server.js) ou tu ouvres juste le fichier HTML dans le navigateur ?
J’ouvre juste le fichier HTML dans le navigateur.
- Est‑ce que tu utilises un outil comme Webpack, Vite, Parcel… pour “compiler”/bundler ton JavaScript ? »
Non.
Peux‑tu préciser :
- Où se trouve le fichier qui contient import express et import { … } from "@paypal/paypal-server-sdk" (backend ou directement inclus dans la page) ?
- Comment tu l’exécutes : tu as un serveur Node (npm run / node server.js) ou tu ouvres juste le fichier HTML dans le navigateur ?
- Est‑ce que tu utilises un outil comme Webpack, Vite, Parcel… pour “compiler”/bundler ton JavaScript ? »
https://goopics.net/i/usdyup
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Hakan Portakal | Artiste Plasticien</title>
<link href="/home/h/hakan-portakal.com/styles/site-styles/body-pages-œuvres.css" rel="stylesheet" type="text/css">
<link href="/home/h/hakan-portakal.com/styles/site-styles/en-tete/en-tete.css" rel="stylesheet" type="text/css">
<link href="/home/h/hakan-portakal.com/styles/site-styles/en-tete/logo.css" rel="stylesheet" type="text/css">
<link href="/home/h/hakan-portakal.com/styles/site-styles/en-tete/hakan-portakal.css" rel="stylesheet" type="text/css">
<link href="/home/h/hakan-portakal.com/styles/site-styles/en-tete/icone-gsm.css" rel="stylesheet" type="text/css">
<link href="/home/h/hakan-portakal.com/styles/site-styles/en-tete/newsletter.css" rel="stylesheet" type="text/css">
<link href="/home/h/hakan-portakal.com/styles/site-styles/en-tete/bouton-contact.css" rel="stylesheet" type="text/css">
<link href="/home/h/hakan-portakal.com/styles/site-styles/en-tete/slogan-en-tete.css" rel="stylesheet" type="text/css">
<link href="/home/h/hakan-portakal.com/styles/site-styles/en-tete/bouton-connexion.css" rel="stylesheet" type="text/css">
<link href="/home/h/hakan-portakal.com/styles/site-styles/en-tete/menu-collections.css" rel="stylesheet" type="text/css">
<link href="/home/h/hakan-portakal.com/styles/site-styles/en-tete/bouton-galerie.css" rel="stylesheet" type="text/css">
<link href="/home/h/hakan-portakal.com/styles/site-styles/en-tete/bouton-manifeste.css" rel="stylesheet" type="text/css">
<link href="/home/h/hakan-portakal.com/styles/site-styles/en-tete/bouton-blog.css" rel="stylesheet" type="text/css">
<link href="/home/h/hakan-portakal.com/styles/site-styles/en-tete/ma-cote.css" rel="stylesheet" type="text/css">
<link href="/home/h/hakan-portakal.com/styles/site-styles/en-tete/bouton-intro.css" rel="stylesheet" type="text/css">
<link href="/home/h/hakan-portakal.com/styles/site-styles/en-tete/menu.css" rel="stylesheet" type="text/css">
<link href="/home/h/hakan-portakal.com/styles/site-styles/en-tete/boite-recherche.css" rel="stylesheet" type="text/css">
<link href="/home/h/hakan-portakal.com/styles/site-styles/bouton-popup-reseaux-sociaux.css" rel="stylesheet" type="text/css">
<link href="/home/h/hakan-portakal.com/styles/site-styles/page/pages-œuvres/peinture-abstraite.css" rel="stylesheet" type="text/css">
<link href="/home/h/hakan-portakal.com/styles/site-styles/bloc-newsletter.css" rel="stylesheet" type="text/css">
<link href="/home/h/hakan-portakal.com/styles/site-styles/pied-de-page.css" rel="stylesheet" type="text/css">
<link href="/home/h/hakan-portakal.com/styles/site-styles/retour-en-haut.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Noto+Sans" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1">
<meta name="robots" content="index">
<meta name="description" content="Vente directe d'œuvres d'art en ligne">
<meta name="keywords" content="arts, abstraits, peintures, peintures abstraites, sculptures, sculptures abstraites, dessins, dessins abstraits, céramiques, poteries, assiettes décorées, tebleaux, acrylique">
</head>
<body>
<header>
<div class="en-tete"></div>
<div class="logo">
<img src="/home/h/hakan-portakal.com/images/icones/logo/logo-signature.webp" alt="Logo" title="Retour à la page Intro">
</div>
<div class="hakan-portakal">
<div class="hakan">
<h2>HAKAN</h2>
</div>
<div class="portakal">
<h2>PORTAKAL</h2>
</div>
</div>
</div>
<!-- ICÔNE GSM commence ici -->
<div class="icone-gsm">
<img src="/home/h/hakan-portakal.com/images/icones/icone-gsm.webp">
<div class="numero-gsm">
<p>
+32 467 31 99 19
</p>
</div>
</div>
<!-- ICÔNE GSM se termine ici -->
<!-- ### -->
<a href="https://www.akoun.com/cote/?artiste=PORTAKAL_Hakan" target="-_blank" title="Consulter ma cote AKOUN">
<div class="ma-cote">
<div class="texte-ma-cote">
MA COTE
</div>
</div>
</a>
<a href="#">
<div class="newsletter">
<div class="texte-newsletter">
NEWSLETTER
</div>
</div>
</a>
<a href="file:///home/h/hakan-portakal.com/html/site-html/contact.html">
<div class="bouton-contact">
@
</div></a>
<a href="file:///home/h/hakan-portakal.com/html/site-html/intro.html" title="Retour à la page Intro">
<div class="bouton-intro">
INTRO
</div>
</a>
<div class="slogan-en-tete">
<div class="eshtetisez">
<h2>ESTHÉTISEZ</h2>
</div>
<div class="votre">
<h2>VOTRE</h2>
</div>
<div class="argent">
<h2>ARGENT</h2>
</div>
<div class="barre-vertical">
<h2>|</h2>
</div>
<div class="invenstissez">
<h2>INVESTISSEZ</h2>
</div>
<div class="maintenant">
<h2>MAINTENANT</h2>
</div>
</div>
<a href="#">
<div class="bouton-connexion">
<div class="texte-bouton-connexion">
CONNEXION
</div>
</div>
</a>
<ul class="menu-collections">
<li class="menu-collections-principal">
<a href="file:///home/h/hakan-portakal.com/html/site-html/collections.html">
COLLECTIONS
</a>
<ul class="sous-menu-collections">
<li>
<a href="file:///home/h/hakan-portakal.com/html/site-html/pages-collections/collection-peinture-abstraite-page-1.html">
PEINTURE ABSTRAITE
</a>
</li>
<li>
<a href="file:///home/h/hakan-portakal.com/html/site-html/pages-collections/collection-sculpture-abstraite-en-argile-page-1.html">
SCULPTURE ABSTRAITE
</a>
</li>
<li>
<a href="file:///home/h/hakan-portakal.com/html/site-html/pages-collections/collection-sculpture-en-argile-page-1.html">
SCULPTURE FIGURATIVE
</a>
</li>
<li>
<a href="file:///home/h/hakan-portakal.com/html/site-html/pages-collections/collection-ceramique-page-1.html">
CÉRAMIQUE
</a>
</li>
<li>
<a href="file:///home/h/hakan-portakal.com/html/site-html/pages-collections/collection-dessin-abstrait-page-1.html">
DESSIN ABSTRAIT
</a>
</li>
<li>
<a href="file:///home/h/hakan-portakal.com/html/site-html/pages-collections/collection-assiette-decoree-dessin-page-1.html">
ASSIETTE DÉCORÉE | DESSIN
</a>
</li>
<li>
<a href="file:///home/h/hakan-portakal.com/html/site-html/pages-collections/collection-assiette-decoree-peinture-page-1.html">
ASSIETTE DÉCORÉE | PEINTURE
</a>
</li>
</ul>
</li>
</ul>
<form role="search" method="get" action="#">
<div class="input-container">
<input type="search" class="search-input" value="" name="s" placeholder=""> <button type="submit" class="search-submit" name="submit"></button>
</div>
</form>
<a href="file:///home/h/hakan-portakal.com/html/site-html/galerie-page-1.html">
<div class="bouton-galerie">
<div class="texte-bouton-galerie">
GALERIE
</div>
</div>
</a>
<a href="file:///home/h/hakan-portakal.com/html/site-html/manifeste.html">
<div class="bouton-manifeste">
<div class="texte-bouton-manifeste">
MANIFESTE
</div>
</div>
</a>
<a href="file:///home/h/hakan-portakal.com/html/blog-html/blog-accueil.html">
<div class="bouton-blog">
<div class="mot-blog">
BLOG
</div>
</div></a>
<div class="list-container">
<ul class="list">
<li class="list-item">
<a href="file:///home/h/hakan-portakal.com/html/site-html/a-propos.html">
à propos
</a>
</li>
<li class="list-item">
<a href="file:///home/h/hakan-portakal.com/html/site-html/actualite.html">
actualité
</a>
</li>
<li class="list-item">
<a href="file:///home/h/hakan-portakal.com/html/site-html/livre-d-or.html">
livre d'or
</a>
</li>
<li class="list-item">
<a href="file:///home/h/hakan-portakal.com/html/site-html/index.html" class="icone-accueil">
<img src="/home/h/hakan-portakal.com/images/icones/icone-accueil.webp" alt="icone-accueil" title="">
</a>
</li>
</ul>
</div>
</header>
<div class="peinture-abstraite">
<div class="fond-peinture-abstraite">
<div class="colonne-gauche">
<div class="peinture-abstraite-image">
<img src="/home/h/hakan-portakal.com/images/œuvres/œuvres-image/peinture-abstraite-image/peinture-abstraite-image-n°-:-0130.webp" class="peinture-abstraite-image" alt="#">
</div>
<div class="invite-contact">
<h2>
VOUS ÊTES COLLECTIONNEUR OU AMATEUR D’ART ?
</h2>
<p>
Une œuvre d’art n’est évidemment pas n’importe quel objet, mais un objet précieux à tous égards et qui mérite un minimum de soins. C'est pourquoi, en ce qui concerne votre achat, je vous invite à ne pas hésiter à me contacter pour obtenir plus d'informations et de photos sur l'œuvre. (Il faut garder à l'esprit qu'une photographie d'une œuvre sera toujours inévitablement différente de l'œuvre elle-même. Le fait que je sois également photographe ne change rien à cette réalité.)
</p>
<p>
Les investisseurs connaissent la règle de base ; Il faut diversifier les actifs pour réduire les risques potentiels. L’art est un excellent outil de diversification qui permet de répartir les risques et de bénéficier de la stabilité qu’offrent ces actifs tangibles.
</p>
<p>
En tant qu’objet de collection, l’art diffère des marchés financiers. Contrairement aux actions en bourse ou à l’immobilier, le marché de l’art n’est pas associé aux fluctuations économiques et offre une protection du capital contre les crises financières. De plus, en tant qu’actif tangible et valeur refuge, le marché de l’art protège contre la dépréciation des devises, tout en bénéficiant de la rareté et d’une demande toujours croissante.
</p>
<p>
L’art est un investissement fiable, esthétique et prestigieux. Un investissement sûr qui embellira votre maison.
</p>
</div>
<a href="mailto:hakanportakal@proximus.be">
<div class="bouton-contactez-moi">
<div class="texte-bouton-contactez-moi">
CONTACTEZ-MOI
</div>
</div>
</a>
</div>
<div class="colonne-droite">
<div class="description">
<div class="titre">
<h2>
PEINTURE ABSTRAITE N° : 0130
</h2>
</div>
<div class="technique">
<p>
Acrylique sur Toile 80 x 60 cm (2024)
</p>
</div>
<div class="texte">
<p>
Peinture acrylique abstraite moderne de grand format d’une qualité artistique et d’une beauté inégalées. Une occasion parfaite d’enrichir votre collection avec cette superbe œuvre d’art. Pour ceux qui recherchent l’unicité dans l’art.
</p>
<p>
Cette œuvre unique est signée et la référence de l’œuvre (P. A. N° : 0130) se trouve au dos. Le certificat d’authenticité signé et cacheté est inclus.
</p>
</div>
<div class="prix">
<p>
5 800 €
</p>
</div>
<div class="prix-livraison">
<p>
Livraison gratuite
</p>
</div>
<div class="liste">
<h2>
ESTHÉTISEZ VOS INVESTISSEMENTS
</h2>
<li>
Expédition dans le monde entier depuis la Belgique.
</li>
<li>
Transaction 100 % sécurisée | PayPal & Virement Bancaire.
</li>
<li>
Livraison offerte pour tous les achats.
</li>
<li>
Satisfait ou remboursé sous 14 jours.
</li>
<li>
Retour gratuit.
</li>
</div>
<a href="file:///home/h/hakan-portakal.com/html/site-html/fonctionnement.html" title="Lire la page Fonctionnement : paiement, livraison..." alt="#">
<div class="voir-fonctionnement">
FONCTIONNEMENT ➤
</div>
</a>
</div>
<div class="certificat-authenticite">
<img src="/home/h/hakan-portakal.com/images/certificat-authenticite.webp" class="peinture-abstraite-image" alt="ertificat d'authenticité'">
</div>
<div id="paypal-button-container"></div>
<p id="result-message"></p>
<script src="https://www.paypal.com/sdk/js?client-id=test&buyer-country=US¤cy=USD&components=buttons&enable-funding=venmo,paylater,card" data-sdk-integration-source="developer-studio"></script>
<script src="/home/h/hakan-portakal.com/scripts/app.js"></script>
<script src="/home/h/hakan-portakal.com/scripts/sever.js"></script>
<a href="https://www.akoun.com/cote/?artiste=PORTAKAL_Hakan" target="-_blank">
<div class="bouton-consulter-ma-cote">
<div class="texte-bouton-consulter-ma-cote">
CONSULTER MA COTE
</div>
</div>
</a>
</div>
</div>
<div class="lightbox" id="lightbox">
<span class="close" id="close">×</span>
<img src="" alt="" class="lightbox-image" id="lightbox-image">
</div>
<div class="colonne-en-bas">
<div class="description-produit">
<h2>
DESCRIPTION DE L’ŒUVRE
</h2>
<p>
Cette peinture d’avant-garde est une réévaluation révolutionnaire qui repousse les limites de la peinture abstraite d’aujourd’hui, qui ressemble à une copie de l’autre, et lui donne un nouvel horizon. Cette œuvre d’art n’est pas seulement une combinaison de différentes techniques de peinture et de gravure, telles que le couteau de peintre et le pinceau, mais aussi une preuve concrète que ces techniques peuvent être appliquées d’une manière différente. Soyons malins, choisissons la qualité !
</p>
<p>
Une splendide œuvre d’art, finement et délicatement réalisée. Cette pièce unique est une peinture abstraite contemporaine originale sur toile, parfaite pour la décoration intérieure. Très décorative et extrêmement rare dans la peinture abstraite, très originale, une œuvre d’art moderne d’une valeur artistique incomparable. Idéale pour l’ameublement et les cadeaux de fête pour enrichir votre collection et rendre votre décoration intérieure unique. Décorez généreusement vos investissements avec des œuvres de qualité.
</p>
<p>
Cette peinture originale de haute qualité comporte trois couleurs : jaune, rouge et vert. La partie rouge commence en haut à gauche du tableau et descend vers le centre. Une extrémité de la partie verte vient de la gauche et l’autre du haut et entoure la partie rouge. La partie jaune part du bas à gauche et s’enroule autour de la partie verte. Toutes les parties de couleurs sont richement décorées de lignes courbes. Investissez maintenant. C’est peut-être la chance de votre vie.
</p>
<a href="file:///home/h/hakan-portakal.com/html/site-html/fonctionnement.html" title="Lire la page Fonctionnement">
<div class="bandeau">
<h2>
VENTE DE L’ATELIER DE L’ARTISTE | ACHAT DIRECT | PRIX NÉGOCIABLES | LIEN HUMAIN FORT
</h2>
</div>
</a>
</div>
<div class="fond-cta-produit">
<div class="img-peinture-abstraite-069">
<div class="titre-peinture-abstraite-069">
<div class="technique-peinture-abstraite-069">
<a href="#">
<img src="/home/h/hakan-portakal.com/images/œuvres/œuvres-miniature/peinture-abstraite-miniature/peinture-abstraite-miniature-n-°-:-069.webp" class="peinture-abstraite-069" alt="#">
</a>
<h2>
PEINTURE ABSTRAITE N° : 069
</h2>
<p>
Acrylique sur Toile 50 x 40 cm (2024)
</p>
</div>
</div>
</div>
<div class="img-peinture-abstraite-045">
<div class="titre-peinture-abstraite-045">
<div class="technique-peinture-abstraite-045">
<a href="#">
<img src="/home/h/hakan-portakal.com/images/œuvres/œuvres-miniature/peinture-abstraite-miniature/peinture-abstraite-miniature-n-°-:-045.webp" class="peinture-abstraite-045" alt="#">
</a>
<h2>
PEINTURE ABSTRAITE N° : 045
</h2>
<p>
Acrylique sur Toile 70 × 50 cm (2024)
</p>
</div>
</div>
</div>
<div class="img-peinture-abstraite-073">
<div class="titre-peinture-abstraite-073">
<div class="technique-peinture-abstraite-073">
<a href="#">
<img src="/home/h/hakan-portakal.com/images/œuvres/œuvres-miniature/peinture-abstraite-miniature/peinture-abstraite-miniature-n-°-:-073.webp" class="peinture-abstraite-073" alt="#">
</a>
<h2>
PEINTURE ABSTRAITE N° : 073
</h2>
<p>
Acrylique sur Toile 70 × 50 cm (2024)
</p>
</div>
</div>
</div>
<div class="img-peinture-abstraite-0100">
<div class="titre-peinture-abstraite-0100">
<div class="technique-peinture-abstraite-0100">
<a href="#">
<img src="/home/h/hakan-portakal.com/images/œuvres/œuvres-miniature/peinture-abstraite-miniature/peinture-abstraite-miniature-n-°-:-0100.webp" class="peinture-abstraite-0100" alt="#">
</a>
<h2>
PEINTURE ABSTRAITE N° : 0100
</h2>
<p>
Acrylique sur Toile 50 × 40 cm (2024)
</p>
</div>
</div>
</div>
</div>
<div class="slogan-menu">
<a href="file:///home/h/hakan-portakal.com/html/site-html/a-propos.html" title="Voir À PROPOS">
<h3>
SUBTILITÉ ESTHÉTIQUE | PLÉNITUDE ARTISTIQUE
</h3>
</a>
</div>
<div class="logo-signature-menu">
<div class="logo-signature-menu">
<a href="file:///home/h/hakan-portakal.com/html/site-html/index.html">
<img src="/home/h/hakan-portakal.com/images/icones/logo/logo-signature-or.webp" title="Aller à la page d'accueil" alt="Logo">
</a>
</div>
<div class="cta-boutons-menu">
<a href="file:///home/h/hakan-portakal.com/html/site-html/collections.html">
COLLECTIONS
</a>
<a href="file:///home/h/hakan-portakal.com/html/site-html/pages-collections/collection-peinture-abstraite-page-1.html">
PEINTURE ABSTRAITE
</a>
<a href="file:///home/h/hakan-portakal.com/html/site-html/pages-collections/collection-sculpture-abstraite-en-argile-page-1.html">
SCULPTURE ABSTRAITE
</a>
<a href="file:///home/h/hakan-portakal.com/html/site-html/pages-collections/collection-sculpture-en-argile-page-1.html">
SCULPTURE FIGURATIVE
</a>
<a href="file:///home/h/hakan-portakal.com/html/site-html/pages-collections/collection-ceramique-page-1.html">
CÉRAMIQUE
</a>
<a href="file:///home/h/hakan-portakal.com/html/site-html/pages-collections/collection-dessin-abstrait-page-1.html">
DESSIN ABSTRAIT
</a>
<a href="file:///home/h/hakan-portakal.com/html/site-html/pages-collections/collection-assiette-decoree-dessin-page-1.html">
ASSIETTE DÉCORÉE | DESSIN
</a>
<a href="file:///home/h/hakan-portakal.com/html/site-html/pages-collections/collection-assiette-decoree-peinture-page-1.html">
ASSIETTE DÉCORÉE | PEINTURE
</a>
</div>
<article>
<h1>
À PROPOS DE PEINTURES ABSTRAITES
</h1>
<br>
<h2>
QU’EST-CE QUE L’ART PLASTIQUE ?
</h2>
<p>
Les arts plastiques sont avant tout le résultat d’un procédé de transformation et de combinaison de différents matériaux pour créer une œuvre d’art qui est traditionnellement considérée comme esthétique et qui est en principe un objet.
</p>
<p>
Par exemple, une peinture sur toile se compose classiquement des éléments suivants :
</p>
<p>
Une toile tendue sur un châssis en bois et de la peinture.
</p>
<p>
En principe, une œuvre d’art est une série d’objets assemblés à cette fin et transformés en un objet ou un tableau esthétiquement agréable entre les mains d’une personne qui occupe une position relativement spéciale dans la société en tant qu’artiste…
<details>
<summary>Lire la suite...</summary>
<br>
<h2>
QU’EST-CE QUE L’ART PLASTIQUE ?
</h2>
<p>
La peinture abstraite contemporaine, forme artistique particulièrement qualifiée dans le domaine des arts plastiques, est une œuvre d’art unique et en principe originale. Cette forme peut être considérée comme une discipline artistique avec son propre univers et exclut tous les styles figuratifs, c’est-à-dire les techniques de peinture traditionnelles.
</p>
<p>
Les supports habituellement choisis pour les peintures abstraites modernes sont la toile, les panneaux de bois et le carton. Quant aux techniques de peinture. Il n’y a pratiquement pas de limites. Aquarelle, peinture à l’huile, acrylique, crayon et pastel… Les matériaux utilisés pour la peinture abstraite sont aussi variés que la technique adoptée par l’artiste abstrait ; pinceaux, couteaux à peindre…
</p>
<br>
<h2>
QU’EST-CE QUI N’EST PAS UNE PEINTURE ABSTRAITE ?
</h2>
<p>
Contrairement aux idées reçues, l’art abstrait dans son ensemble ne consiste pas à défigurer et/ou styliser les figures. La peinture abstraite n’est pas une interprétation plastique d’êtres vivants ou d’objets. La peinture abstraite est à la base une forme d’art puissante qui dépasse les limites de la figuration, en s’appuyant sur la richesse et l’infinie variété des couleurs et des formes (sans parler de l’inévitable texture).
</p>
<p>
Dans cette réalité, une peinture abstraite a aussi peu de sens que des couleurs ou des formes. Le street art, l’art figuratif, le paysage, le portrait, la nature morte, le nu, l’aquarelle, la peinture à l’huile, la peinture acrylique… ne sont pas nécessairement de l’art abstrait. Quelles que soient les techniques et les matériaux utilisés, l’art abstrait se caractérise fondamentalement par l’absence totale de figures.
</p>
<p>
En tant que détenteur d’une peinture abstraite moderne achetée sur ce site, vous êtes naturellement assuré contre toute confusion de contenu et de sens que l’on croit à tort exister dans l’art abstrait.
</p>
<p>
La peinture abstraite n’est pas un progrès progressif par rapport à l’art figuratif, dont la nature est fondamentalement différente. Parce qu’il n’a pas de code, l’art abstrait ne peut rien exprimer. Il ne peut pas exprimer des émotions ou des idées, car cela est contraire à sa nature. La peinture abstraite n’est rien d’autre que la beauté absolue, qui est la base de tout art. hakanportakal.com, une galerie d’art en ligne où vous pouvez acheter des œuvres d’art, est le seul endroit où l’art abstrait est vraiment compris.
</p>
<p>
Qu’il s’agisse d’une peinture abstraite sur toile ou sur bois, d’un dessin abstrait sur papier ou d’une sculpture abstraite en argile, une œuvre d’art abstraite achetée sur ce site est non seulement une œuvre d’art solide, 100 % abstraite, esthétique et singulière, caractérisée par un sens subtil de la beauté et de l’expérience, mais aussi une connaissance approfondie et incontestable de l’abstraction.
</p>
<br>
<h2>
QUELLE EST L’ORIGINE DE LA PEINTURE ABSTRAITE ?
</h2>
<p>
Selon nos connaissances scientifiques actuelles, notamment dans le domaine de l’anthropologie, la première œuvre d’art créée est une petite gravure en forme de zigzag sur un coquillage par l’Homo erectus il y a 500 000 ans (découverte en 2007 par l’archéologue Stephen Munro à Java, en Indonésie). Cela met l’art abstrait à la base de tous les arts que nous connaissons aujourd’hui.
</p>
<p>
Cela prouve en outre que tout art est fondamentalement basé sur la spontanéité, l’intuition et les impulsions que les formes nous donnent, non pas sur la sophistication de la pensée, mais sur la beauté.
</p>
<p>
On croit malheureusement que l’art abstrait a été fondé par Wassily Kandinsky au début du 20e siècle. En réalité, cet artiste de grand talent est revenu sans le savoir aux origines des arts plastiques. Nous devons la renaissance de l’art abstrait à tous les pionniers de cette approche artistique, qui est réapparue il y a une centaine d’années. Kazimir Malevich, Piet Mondrian, Jackson Pollock, Willem de Kooning…
</p>
<br>
<h2>
POURQUOI L’ART ABSTRAIT EST-IL INCOMPRÉHENSIBLE ?
</h2>
<p>
L’art abstrait n’est pas réapparu à travers ce mouvement en réaction à l’art figuratif avec les contraintes du réalisme. Qu’il soit figuratif ou non, l’art n’a pas grand-chose à voir avec la réalité. S’il y a quelque chose de vraiment unique, d’absolument inimitable dans l’Univers, c’est bien la réalité. Ce mouvement a été conçu comme une réponse aux limites d’expression de l’art figuratif, comme un progrès et un renouvellement. L’art abstrait n’est en aucun cas une suite évolutive de l’art figuratif, car il est à l’origine de tout art.
</p>
<p>
Tous ces artistes très compétents se sont trompés en croyant que l’art abstrait était une alternative expressive plus puissante qui pouvait remplacer l’art figuratif en supprimant les figures mais en conservant l’histoire, par exemple le titre. Ils ont oublié qu’il ne peut y avoir d’histoire sans figures (codes). Le fait que l’artiste déclare refléter ses sentiments et ses convictions sur la toile ne signifie pas qu’ils sont transmis.
</p>
<p>
C’est pour cela que nous croyons que l’art abstrait est complexe à comprendre, en réalité il n’y a rien à comprendre.
</p>
<p>
En d’autres mots, ce n’est pas l’art abstrait qui est incompréhensible, mais les idées personnelles subjectives que nous lui prêtons et que nous exprimons à son sujet. Bien entendu, il n’existe aucune preuve concrète, autre que des idées préconçues, que cet art est adapté à l’expression personnelle. Outre des questions telles que comment interpréter une œuvre d’art abstraite, qu’est-ce qu’une œuvre abstraite ? Ces questions ont autant de contenu que les œuvres d’art abstraites elles-mêmes.
</p>
<br>
<h2>
QUELS SONT LES PEINTRES ABSTRAITS LES PLUS CÉLÈBRES ?
</h2>
<h3>
Wassily Kandinsky
</h3>
<p>
Né à Moscou en 1866 et mort à Neuilly-sur-Seine (France) en 1944, Vassily Kandinsky est un peintre qui a étudié l’économie politique à l’université russe avant de se consacrer à la peinture. Auteur de deux ouvrages de réflexion sur la peinture, l’un des peintres les plus importants du XXe siècle et le créateur du premier art abstrait de l’ère moderne, Kandinsky a rejeté pendant plusieurs années tout ce qui était figuratif dans son travail. Aujourd’hui, ses peintures sont présentes dans les grandes collections d’art du monde entier.
</p>
<h3>
Clyfford Still
</h3>
<p>
Né en 1904 à Grandin, dans le Dakota du Nord, et mort en 1980 à New York, Clyfford Elmer Still est l’un des fondateurs de l’expressionnisme abstrait aux États-Unis. Un musée à Denver (Colorado) est consacré à Still depuis 2011.
</p>
<h3>
Hilma af Klint
</h3>
<p>
Hilma af Klint née en 1862 à Stockholm et morte en 1944 est une peintre, théosophe et pionnière dans l’art abstrait de l’ère moderne : ses œuvres comptent parmi les premières œuvres abstraites occidentales.
</p>
<h3>
Piet Mondrian
</h3>
<p>
Pieter Cornelis Mondriaan, plus connu sous le nom de Piet Mondrian, est un peintre néerlandais, né à Amersfoort (Pays-Bas) en 1872 et mort à New York en 1944, reconnu comme l’un des pionniers de l’abstraction moderne.
</p>
<h3>
Kazimir Malevich
</h3>
<p>
Kasimir Severinovitch Malevitch est né à Kiev (Empire russe) en 1879 dans une famille polonaise et est mort à Leningrad en 1935. Il est l’un des premiers artistes abstraits du XXe siècle. Il était peintre, dessinateur, sculpteur et théoricien.
</p>
<h3>
Mark Rothko
</h3>
<p>
Mark Rothko, né Markuss Rotkovičs à Dvinsk en 1903 et mort à New York en 1970, est un peintre américain. Il est considéré comme un représentant de l’expressionnisme abstrait américain.
</p>
<h3>
Georgia O’Keeffe
</h3>
<p>
Née à Sun Prairie (Wisconsin) en 1887 et décédée à Santa Fe (Nouveau Mexique) en 1986, Georgia O’Keeffe était une peintre américaine, considérée comme l’un des plus importants peintres modernistes du XXe siècle.
</p>
<br>
<h2>
POURQUOI INVESTIR DANS L’ART ?
</h2>
<p>
Investir dans l’art peut sembler atypique comparé à d’autres placements financiers tels que l’immobilier locatif ou les marchés boursiers, mais cela présente de nombreux avantages fiscaux et patrimoniaux. Une diversification efficace de votre patrimoine. La diversification est l’une des clés d’un bon investissement. En incluant des œuvres d’art dans votre portefeuille, vous pouvez réduire la volatilité globale de vos avoirs. Contrairement aux actifs financiers, les œuvres d’art ne sont pas corrélées aux fluctuations des marchés financiers. Ainsi, même en période d’inflation ou de crise sur les marchés boursiers, les œuvres d’art peuvent conserver leur valeur, voire générer des plus-values intéressantes lors de leur revente.
</p>
<h3>
1) RENTABILITÉ ET PLUS-VALUES POTENTIELLES
</h3>
<p>
L’investissement dans l’art ne se limite pas à l appréciation esthétique. De nombreuses œuvres peuvent générer des rendements attrayants au fil du temps. Les artistes émergents, tout comme les maîtres, peuvent voir leur valeur augmenter, créant des opportunités de plus-value. Cet investissement est donc un moyen de faire fructifier votre argent tout en bénéficiant de l’aspect décoratif des œuvres.
</p>
<h3>
2) AVANTAGES FISCAUX ET DÉFISCALISATION
</h3>
<p>
Un autre atout majeur de l’investissement dans l art réside dans les avantages fiscaux qu’il peut offrir. Selon la législation en vigueur, la revente d’œuvres d’art peut être exonérée d’impôt sur le revenu si elles sont détenues pendant plus de 22 ans, sous certaines conditions. De plus, les frais engagés pour l’acquisition des œuvres peuvent être, dans le cadre de votre gestion de patrimoine, considérés comme des dépenses déductibles.
</p>
<h3>
3) UNE FORME DE RICHESSE TANGIBLE
</h3>
<p>
L’art représente un bien tangible, offrant une sensation de sécurité que certains actifs ne procurent pas. En investissant dans des œuvres notables, en plus de la valorisation financière, vous avez également la possibilité de bénéficier de revenus complémentaires, notamment par le biais de locations temporaires d’œuvres pour des expositions ou des événements.
</p>
<h3>
4) GESTION ACTIVE AVEC UNE SOCIÉTÉ DE GESTION SPÉCIALISÉE
</h3>
<p>
En confiant votre investissement dans l’art à une société de gestion ou à des experts, vous pouvez maximiser votre impact tout en minimisant les risques liés à l’acquisition et à la conservation des œuvres. Ces derniers peuvent vous conseiller sur les types d’œuvres à privilégier et vous orienter vers les meilleures stratégies pour éviter les prélèvements sociaux lors de reventes futures.
</p>
<h3>
5) ART ET SOCIÉTÉ DE PLACEMENT IMMOBILIER
</h3>
<p>
De plus en plus, des sociétés civiles de placement immobilier SCPI intègrent des œuvres d’art dans leur stratégie pour enrichir leur portefeuille et offrir une valeur ajoutée à leurs souscripteurs. L’interaction entre l’immobilier et l’art permet une plus-value unique sur le marché, attirant des investisseurs souhaitant diversifier leurs sources de revenus.
</p>
<h3>
6) INVESTIR POUR TRANSMETTRE
</h3>
<p>
Enfin, investir dans l’art peut également être une manière de constituer un patrimoine familial. Vous pouvez envisager de transmettre ces biens à vos héritiers, leur offrant ainsi une valeur sentimentale et financière. En réinvestissant dans des œuvres d’art, vous ne faites pas seulement fructifier votre patrimoine, mais vous construisez également un héritage pérenne.
</p>
<p>
En définitive, investir dans l’art combine à la fois plaisir esthétique et intérêt patrimonial. Que ce soit pour diversifier votre portefeuille, bénéficier d’avantages fiscaux ou simplement pour aimer ce que vous possédez, l’art constitue un actif de choix dans la gestion de votre patrimoine. En tant qu’investisseur, envisagez l’art comme une option sérieuse, tant pour sa rentabilité potentielle que pour sa capacité à faire fructifier votre patrimoine de manière innovante.
</p>
<p>
Acheter des œuvres d’art sur le site de vente d’œuvre d’art en ligne hakanportakal.com est 100 % sécurisé via PayPal et virement bancaire. Esthétisez votre argent ! En investissant sur des œuvres d’art de qualité vendues sur hakanportakal.com, donnez encore plus de valeur à votre argent.
</p>
<p>
hakanportakal.com, une galerie d’art en ligne où vous pouvez acheter des œuvres d’art en toute sécurité, est le seul endroit où l’art abstrait est vraiment compris.
</p>
<p>
Retrouvez les œuvres contemporaines hautement artistiques qui comblent les souhaits esthétiques les plus pointus des amateurs d’art abstrait et élèvent la beauté avec vous. Découvrez-les avec joie ou achetez-les avec enthousiasme !
</p>
<p>
Que vous soyez un passionné d’art ou un collectionneur avéré. Trouvez des œuvres originales et exceptionnelles qui rehausseront votre décoration intérieure de manière insoupçonnée et authentique.
</p>
<div class="signature">
<p>
Un article original de hakan-portakal.com.
</p>
</div>
<p>
<a href="" class="masquer">
▴ Masquer l'article et revenir en haut de la page.
</a>
</p>
</details>
</artile>
</div>
</div>
<div>
<label class="btn" for="modal">
<img src="/home/h/hakan-portakal.com/images/icones/icone-partage//icone-partage.webp" alt="#">
<div class="cercle-superieur">
</div>
<div class="cercle-milieu">
</div>
<div class="cercle-inferieur">
</div>
</label>
</div>
<input class="modal-state" id="modal" type="checkbox">
<div class="modal">
<label class="modal__bg" for="modal">
</label>
<div class="modal__inner">
<label class="modal__close" for="modal">
</label>
<div class="modal-volet-gauche">
<div class="photo-artiste">
<img src="/home/h/hakan-portakal.com/images/artiste/miniature/artiste-au-travail-29-03-2024-003.webp" alt="#">
</div>
</div>
<div class="modal-volet-droite">
<div class="titre-modal">
<h2>
AIMER EST PARTAGER
</h2>
</div>
<div class="texte-modal">
<p>
La beauté du travail d'un artiste est comme une fleur rare et délicate : elle ne perdure que tant que son pollen est partagé.
</p>
<p>
Si vous appréciez mon travail et que vous souhaitez soutenir les artistes et l'art de qualité, merci de partager ce site et/ou cette page avec vos amis.
</p>
</div>
<div class="modal-icone-partage">
<a href="https://x.com/" class="modal-icone-twitter" target="_blank">
<img src="/home/h/hakan-portakal.com/images/icones/icone-partage/icone-partage-modal-reseaux-sociaux/icone-twitter-modal-reseaux-sociaux.webp" title="Twitter" alt="Bouton-partage-Twitter">
</a>
<a href="https://www.facebook.com/" class="modal-icone-facebook" target="_blank">
<img src="/home/h/hakan-portakal.com/images/icones/icone-partage/icone-partage-modal-reseaux-sociaux/icone-facebook-modal-reseaux-sociaux.webp" title="Facebook" alt="Bouton-partage-Facebook">
</a>
<a href="https://www.instagram.com/" class="modal-icone-instagram" target="_blank">
<img src="/home/h/hakan-portakal.com/images/icones/icone-partage/icone-partage-modal-reseaux-sociaux/icone-instagram-modal-reseaux-sociaux.webp" title="Instagram" alt="Bouton-partage-Instagram">
</a>
<a href="https://web.whatsapp.com/" class="modal-icone-whatsapp" target="_blank">
<img src="/home/h/hakan-portakal.com/images/icones/icone-partage/icone-partage-modal-reseaux-sociaux/icone-whatsapp-modal-reseaux-sociaux.webp" title="Whatsapp" alt="Bouton-partage-Whatsapp">
</a>
<a href="https://www.tumblr.com/" class="modal-icone-tumblr" target="_blank">
<img src="/home/h/hakan-portakal.com/images/icones/icone-partage/icone-partage-modal-reseaux-sociaux/icone-tumblr-modal-reseaux-sociaux.webp" title="Tumblr" alt="Bouton-partage-Tumblr">
</a>
</div>
<div class="modal-icone-partage">
<a href="https://joinmastodon.org/branding" class="modal-icone-mastodon" target="_blank">
<img src="/home/h/hakan-portakal.com/images/icones/icone-partage/icone-partage-modal-reseaux-sociaux/icone-mastodon-modal-reseaux-sociaux.webp" title="Mastodon" alt="Bouton-partage-Mastodon">
</a>
<a href="https://fr.pinterest.com/" class="modal-icone-pinterest" target="_blank">
<img src="/home/h/hakan-portakal.com/images/icones/icone-partage/icone-partage-modal-reseaux-sociaux/icone-pinterest-modal-reseaux-sociaux.webp" title="Pinterest" alt="Bouton-partage-Pinterest">
</a>
<a href="https://www.snapchat.com/" class="modal-icone-snapchat" target="_blank">
<img src="/home/h/hakan-portakal.com/images/icones/icone-partage/icone-partage-modal-reseaux-sociaux/icone-snapchat-modal-reseaux-sociaux.webp" title="Snapchat" alt="Bouton-partage-Snapchat">
</a>
<a href="https://web.telegram.org/a/" class="modal-icone-telegram" target="_blank">
<img src="/home/h/hakan-portakal.com/images/icones/icone-partage/icone-partage-modal-reseaux-sociaux/icone-telegram-modal-reseaux-sociaux.webp" title="Telegram" alt="Bouton-partage-Telegram">
</a>
<a href="mailto:someone@example.com" class="modal-icone-e-mail">
<img src="/home/h/hakan-portakal.com/images/icones/icone-partage/icone-partage-modal-reseaux-sociaux/icone-mail-modal-reseaux-sociaux.webp" title="E-mail" alt="Bouton-partage-e-mail">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="bloc-newsletter">
<h2>
NEWSLETTER
</h2>
<form>
<input type="email" placeholder="Entrez votre adresse e-mail" required><button>S'ABONNER</button>
</form>
<p>
Abonnez-vous à ma newsletter pour recevoir mes dernières actualités. Informez-vous sur ma dernière œuvre achevée et ma prochaine exposition.
</p>
</div>
<!-- PIED commence ici -->
<!-- footer bandeau avantages commence ici -->
<div class="footer-fond-bandeau-avantages">
<div class="footer-fond-icones-avantages">
<div class="footer-icone-avantages-original">
<div class="footer-texte-avantages">
<a href="file:///home/h/hakan-portakal.com/html/site-html/collections.html">
<img src="/home/h/hakan-portakal.com/images/icones/icones-page-produit/icone-original-page-produit.webp" alt="#">
</a>
<p>
Style original et unique
</p>
</div>
</div>
<div class="footer-icone-avantages-cote">
<div class="footer-texte-avantages">
<a href="https://www.akoun.com/cote/?artiste=PORTAKAL_Hakan" target="_blank">
<img src="/home/h/hakan-portakal.com/images/icones/icones-page-produit/icone-cote-page-produit.webp" alt="#">
</a>
<p>
Artiste professionnel coté
</p>
</div>
</div>
<div class="footer-icone-avantages-paiement">
<div class="footer-texte-avantages">
<a href="file:///home/h/hakan-portakal.com/html/site-html/fonctionnement.html">
<img src="/home/h/hakan-portakal.com/images/icones/icones-page-produit/icone-paiement-page-produit.webp" alt="#">
</a>
<p>
Achat 100 % sécurisé
</p>
</div>
</div>
<div class="footer-icone-avantages-certificat-authenticite">
<div class="footer-texte-avantages">
<a href="file:///home/h/hakan-portakal.com/html/site-html/fonctionnement.html">
<img src="/home/h/hakan-portakal.com/images/icones/icones-page-produit/icone-certificat-authenticite-page-produit.webp" alt="#">
</a>
<p>
Certificat d’authenticité inclus
</p>
</div>
</div>
<div class="footer-icone-avantages-livraison">
<div class="footer-texte-avantages">
<a href="file:///home/h/hakan-portakal.com/html/site-html/fonctionnement.html">
<img src="/home/h/hakan-portakal.com/images/icones/icones-page-produit/icone-livraison-page-produit.webp" alt="#">
</a>
<p>
Livraison offerte
</p>
</div>
</div>
<div class="footer-icone-avantages-contact">
<div class="footer-texte-avantages">
<a href="file:///home/h/hakan-portakal.com/html/site-html/contact.html">
<img src="/home/h/hakan-portakal.com/images/icones/icones-page-produit/icone-contact-page-produit.webp" alt="#">
</a>
<p>
Contact convivial
</p>
</div>
</div>
</div>
</div>
<!-- footer bandeau avantages se termine ici -->
<footer class="footer">
<div class="container row">
<div class="footer-col-logo">
<a href="file:///home/h/hakan-portakal.com/html/site-html/index.html">
<img src="/home/h/hakan-portakal.com/images/icones/logo/logo-signature.webp" alt="#">
</a>
</div>
<div class="footer-col-navigation">
<ul>
<li>
<h2>
NAVIGATION
</h2>
</li>
<li>
<a href="file:///home/h/hakan-portakal.com/html/site-html/index.html">
Accueil
</a>
</li>
<li>
<a href="file:///home/h/hakan-portakal.com/html/site-html/collections.html">
Collections
</a>
</li>
<li>
<a href="file:///home/h/hakan-portakal.com/html/site-html/galerie-page-1.html">
Galerie
</a>
</li>
<li>
<a href="file:///home/h/hakan-portakal.com/html/blog-html/blog-accueil.html">
Blog
</a>
</li>
<li>
<a href="file:///home/h/hakan-portakal.com/html/site-html/manifeste.html">
Manifeste
</a>
</li>
<li>
<a href="#">
Contact
</a>
</li>
<li>
<a href="file:///home/h/hakan-portakal.com/html/site-html/a-propos.html">
À propos
</a>
</li>
<li>
<a href="file:///home/h/hakan-portakal.com/html/site-html/actualite.html">
Actualité
</a>
</li>
<li>
<a href="#">
Livre d'or
</a>
</li>
<li>
<a href="#">
Connexion
</a>
</li>
</ul>
</div>
<div class="footer-col-collections">
<ul>
<li>
<h2>
COLLECTIONS
</h2>
</li>
<li>
<a href="file:///home/h/hakan-portakal.com/html/site-html/pages-collections/collection-peinture-abstraite-page-1.html">
Peinture abstraite
</a>
</li>
<li>
<a href="file:///home/h/hakan-portakal.com/html/site-html/pages-collections/collection-sculpture-abstraite-en-argile-page-1.html">
Sculpture abstraite
</a>
</li>
<li>
<a href="file:///home/h/hakan-portakal.com/html/site-html/pages-collections/collection-sculpture-en-argile-page-1.html">
Sculpture figurative
</a>
</li>
<li>
<a href="file:///home/h/hakan-portakal.com/html/site-html/pages-collections/collection-ceramique-page-1.html">
Céramique
</a>
</li>
<li>
<a href="file:///home/h/hakan-portakal.com/html/site-html/pages-collections/collection-dessin-abstrait-page-1.html">
Dessin abstrait
</a>
</li>
<li>
<a href="file:///home/h/hakan-portakal.com/html/site-html/pages-collections/collection-assiette-decoree-dessin-page-1.html">
Assiette décorée | dessin
</a>
</li>
<li>
<a href="file:///home/h/hakan-portakal.com/html/site-html/pages-collections/collection-assiette-decoree-peinture-page-1.html">
Assiette décorée | peinture
</a>
</li>
</ul>
</div>
<div class="footer-col-contact">
<ul>
<li>
<h2>
CONTACT
</h2>
</li>
<li>
Téléphone : <br>
(+32) 467 31 99 19
</li>
<li>
<a href="mailto:hakanportakal@proximus.be" title="Envoyez-moi un e-mail.">
E-mail : <br>
hakanportakal @ proximus.be
</a>
</li>
<li>
<a href="file:///home/h/hakan-portakal.com/html/site-html/contact.html" title="#">
Atelier : <br>
Rue de l’industrie<br>
1/8 Fayt-lez-Manage<br>
7170 Belgique<br>
</a>
</li>
</ul>
</div>
<div class="footer-col-moyen-de-paiement">
<div class="logo-paypal">
<div class="logo-virement-bancaire">
<ul>
<li>
<h2>
MOYEN DE PAIEMENT
</h2>
</li>
<li>
<a href="file:///home/h/hakan-portakal.com/html/site-html/fonctionnement.html">
<img src="/home/h/hakan-portakal.com/images/icones/logo-paypal.webp" title="PayPal" alt="#">
</a>
</li>
<lI>
<a href="file:///home/h/hakan-portakal.com/html/site-html/fonctionnement.html">
<img src="/home/h/hakan-portakal.com/images/icones/logo-virement-bancaire.webp" title="Virement bancaire" alt="#">
</a>
</li>
</div>
</div>
<div class="fonctionnement-politique-de-confidentialite">
<li>
<a href="file:///home/h/hakan-portakal.com/html/site-html/fonctionnement.html" title="Explication du fonctionnement : paiement, expédition, etc.">
Fonctionnement
</a>
</li>
<li>
<a href="file:///home/h/hakan-portakal.com/html/site-html/politique-de-confidentialite.html">
Politique de confidentialité
</a>
</li>
</ul>
</div>
</div>
<div class="footer-col-fond-icone-partage-reseaux-sociaux">
<div class="footer-col-titre-icone-partage-reseaux-sociaux">
<h2>
REJOIGNEZ-MOI
</h2>
<div class="footer-col-img-icone-partage-reseaux-sociaux">
<a href="https://www.facebook.com/" target="_blank">
<i class="icone-facebook-reseaux-sociaux-pied-de-page">
<img src ="/home/h/hakan-portakal.com/images/icones/icone-partage/icone-partage-reseaux-sociaux-pied-de-page/icone-facebook-reseaux-sociaux-pied-de-page.webp" title="Facebook" alt="Icône partage Facebook" alt="#">
</i>
</a>
<a href="https://www.instagram.com/" target="_blank">
<i class="icone-instagram-reseaux-sociaux-pied-de-page">
<img src ="/home/h/hakan-portakal.com/images/icones/icone-partage/icone-partage-reseaux-sociaux-pied-de-page/icone-instagram-reseaux-sociaux-pied-de-page.webp" title="Instagram" alt="Icône partage Instagram" alt="#">
</i>
</a>
<a href="https://x.com/" target="_blank">
<i class="icone-twitter-reseaux-sociaux-pied-de-page">
<img src ="/home/h/hakan-portakal.com/images/icones/icone-partage/icone-partage-reseaux-sociaux-pied-de-page/icone-twitter-reseaux-sociaux-pied-de-page.webp" title="Twitter" alt="Icône partage Twitter" alt="#">
</i>
</a>
<a href="https://www.pinterest.com/" target="_blank">
<i class="icone-pinterest-reseaux-sociaux-pied-de-page">
<img src ="/home/h/hakan-portakal.com/images/icones/icone-partage/icone-partage-reseaux-sociaux-pied-de-page/icone-pinterest-reseaux-sociaux-pied-de-page.webp" title="Pinterest" alt="Icône partage Pinterest" alt="#">
</i>
</a>
<a href="https://web.whatsapp.com/" target="_blank">
<i class="icone-whatsapp-reseaux-sociaux-pied-de-page">
<img src ="/home/h/hakan-portakal.com/images/icones/icone-partage/icone-partage-reseaux-sociaux-pied-de-page/icone-whatsapp-reseaux-sociaux-pied-de-page.webp" title="Whatsapp" alt="Icône partage Whatsapp" alt="#">
</i>
</a>
<a href="https://fr.linkedin.com/" target="_blank">
<i class="icone-linkedin-reseaux-sociaux-pied-de-page">
<img src ="/home/h/hakan-portakal.com/images/icones/icone-partage/icone-partage-reseaux-sociaux-pied-de-page/icone-linkedin-reseaux-sociaux-pied-de-page.webp" title="Linkedin" alt="Icône partage Linkedin" alt="#">
</i>
</a>
<a href="https://web.telegram.org/a/" target="_blank">
<i class="icone-telegram-reseaux-sociaux-pied-de-page">
<img src ="/home/h/hakan-portakal.com/images/icones/icone-partage/icone-partage-reseaux-sociaux-pied-de-page/icone-telegram-reseaux-sociaux-pied-de-page.webp" title="Telegram" alt="Icône partage Telegram" alt="#">
</i>
</a>
<a href="mailto:hakanportakal@proximus.be">
<i class="icone-mail-reseaux-sociaux-pied-de-page">
<img src ="/home/h/hakan-portakal.com/images/icones/icone-partage/icone-partage-reseaux-sociaux-pied-de-page/icone-mail-reseaux-sociaux-pied-de-page.webp" title="E-mail" alt="Icône E-mail" alt="#">
</i>
</a>
<div class="footer-bloc-newsletter">
<h2>
NEWSLETTER
</h2>
<form>
<input type="email" placeholder="Entrez votre adresse e-mail" required>
<button>
S'ABONNER
</button>
</form>
</div>
</div>
</div>
</div>
</div>
</footer>
<div class="footer-copyright-fond">
<div class="footer-copyright-texte">
<h3>
© 2025 | Tous droits réservés | Conçu par Hakan Portakal
</h3>
</div>
</div>
<!-- PIED se termine ici -->
<a href="#" class="retour-en-haut">
<img src="/home/h/hakan-portakal.com/images/icones/retour-en-haut.webp" title="">
</a>
<script src="/home/h/hakan-portakal.com/scripts/peinture-abstraite-lightbox.js"></script>
<script src="/home/h/hakan-portakal.com/scripts/lire-la-suite.js"></script>
</body>
</html>
.peinture-abstraite {
display: grid;
margin-left: auto;
margin-right: auto;
background: #1f2327;
animation: fadeIn 2s ease-in;
}
.fond-peinture-abstraite {
columns: 2;
column-gap: 15em;
width: auto;
height: 100vh;
margin-left: auto;
margin-right: auto;
padding-bottom: 40em;
}
.colonne-gauche {
position: relative;
top: 0;
left: +5em;
break-inside: avoid;
column-width: 10em;
width: 100%;
height: auto;
padding: 1em;
}
.peinture-abstraite-image img {
position: relative;
top: 0;
left: +10em;
max-width: 250%;
height: auto;
filter: drop-shadow(0 0 1rem #000);
cursor: zoom-in;
}
.invite-contact {
display: inline-block;
position: relative;
top: +45em;
left: -3em;
color: #afc6e1;
font-size: 1em;
min-width: 250%;
width: 100%;
height: auto;
}
.invite-contact h2 {
display: inline-block;
position: relative;
font-size: 1em;
}
.invite-contact p {
position: relative;
font-size: 1.1em;
}
.bouton-contactez-moi {
display: inline-block;
position: relative;
min-width: 100%;
width: 70%;
height: auto;
top: +46em;
left: -3em;
background-color: #24292e;
border-bottom: 0.3em solid #afc6e1;
border-radius: 0.4em;
padding: 1.6em 3em;
letter-spacing: +0.1em;
box-shadow: #000 0px 30px 40px -12px inset, #000 0px 1px 36px -18px inset;
text-shadow: 0.1em 0.1em 0.2em #000;
text-align: center;
justify-content: center;
font-size: 1em;
font-weight: bold;
color: #afc6e1;
cursor: pointer;
margin-inline: auto;
width: fit-content;
transition: 600ms ease all;
}
.texte-bouton-contactez-moi {
position: relative;
top: 0.4em;
}
.bouton-contactez-moi:hover {
background-color: #1f99be;
color: #ffffff;
text-shadow: 0.1em 0.1em 0.2em #000000;
}
.bouton-collections a {
text-decoration: none;
}
.colonne-droite {
position: relative;
top: 0;
left: 0;
break-inside: avoid;
column-width: 10em;
width: 40em;
height: auto;
padding: 2em;
}
.description {
position: absolute;
left: 0;
width: 90%;
color: #afc6e1;
text-align: start;
text-shadow: 0.063em 0.063em 0.200em #000;
}
.titre h2 {
display: inline-block;
position: relative;
top: -2em;
padding: 2em 2.5em;
color: #caa623;
background: #1f2327;
border-top: 0.1em solid #caa623;
border-left: 1em solid #caa623;
border-right: 1em solid #caa623;
border-bottom: 0.1em solid #caa623;
text-align: center;
font-size: 1.1em;
font-weight: bold;
text-shadow: 1px 1px 10px #000;
}
.technique p {
position: relative;
top: -2em;
font-size: 1em;
margin-top: 2em;
margin-bottom: 2em;
font-weight: bold;
}
.texte p {
position: relative;
top: -2em;
font-size: 1.1em;
max-width: 120%;
margin-top: 1em;
}
.prix p{
position: relative;
top: -2em;
font-size: 1.3em;
font-weight: bold;
max-width: 60%;
margin-top: 2em;
margin-bottom: 2em;
}
.prix-livraison p {
position: relative;
top: -6.4em;
left: +4em;
font-size: 1em;
border-left: 1em solid #caa623;
padding-left: 0.5em;
margin-left: 2em;
}
.liste h2 {
position: relative;
top: -5em;
left: -1em;
font-size: 1em;
font-weight: bold;
text-shadow: 0.063em 0.063em 0.200em #000;
margin-top: 3em;
margin-left: 3em;
}
.liste li {
position: relative;
top: -4em;
font-size: 1.1em;
text-shadow: 0.063em 0.063em 0.200em #000;
line-height : 1.5;
margin-left: 3em;
}
.voir-fonctionnement {
position: relative;
top: -3em;
left: +2em;
font-size: 1em;
font-weight: bold;
color: #afc6e1;
transition: 600ms ease all;
}
.voir-fonctionnement:hover {
margin-left: 0.6em;
color: #18b2c3;
text-shadow: 0.063em 0.063em 0.200em #000;
}
.certificat-authenticite img {
position: relative;
top: +45em;
left: 0;
max-width: 120%;
height: auto;
filter: drop-shadow(0 0 1rem #000);
cursor: zoom-in;
}
.colonne-en-bas {
position: relative;
top: -4em;
width: 73%;
height: auto;
margin-left: auto;
margin-right: auto;
padding-bottom: 1em;
color: #afc6e1;
text-align: start;
text-shadow: 0.063em 0.063em 0.200em #000;
}
.description-produit h2 {
position: relative;
top: +2em;
font-size: 1em;
}
.description-produit p {
position: relative;
top: +2em;
font-size: 1.1em;
}
.lightbox {
display: none;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
overflow: hidden;
background-color: rgba(6, 0, 3, 1);
}
.lightbox-image {
display: block;
margin: auto;
max-width: 100%;
max-height: 100%;
}
.img {
position: relative;
overflow: hidden;
filter: drop-shadow(0 0 0.75rem #000);
cursor: zoom-in;
}
.close {
color: #69698c;
font-size: 3em;
position: absolute;
top: 20px;
right: 50px;
cursor: pointer;
}
#paypal-button-container {
position: relative;
top: +62em;
left: -16em;
width: 250%;
max-width: 250%;
height: auto;
filter: drop-shadow(0 0 0.20rem #000);
}
#result-message {
color: #afc6e1;
font-size: 1em;
}
.bouton-consulter-ma-cote {
display: inline-block;
position: relative;
min-width: 120%;
width: 115%;
height: auto;
top: +45em;
left: -10em;
background-color: #24292e;
border-bottom: 0.3em solid #afc6e1;
border-radius: 0.4em;
padding: 1.6em 2em;
letter-spacing: +0.1em;
box-shadow: #000 0px 30px 40px -12px inset;
text-shadow: 0.1em 0.1em 0.2em #000;
text-align: center;
justify-content: center;
font-size: 1em;
font-weight: bold;
color: #afc6e1;
cursor: pointer;
margin-inline: auto;
width: fit-content;
transition: 600ms ease all;
}
.texte-bouton-consulter-ma-cote {
position: relative;
top: 0.4em;
}
.bouton-consulter-ma-cote:hover {
background-color: #aa8c1d;
color: #ffffff;
text-shadow: 0.1em 0.1em 0.2em #000000;
}
.bouton-consulter-ma-cote a {
text-decoration: none;
}
.bandeau {
display: block;
position: relative;
top: +3em;
min-width: 90%;
margin-inline: auto;
width: fit-content;
text-align: center;
}
.bandeau h2 {
padding: 2em 2.5em;
background: #171a1d;
color: #caa623;
border-top: 0.1em solid #caa623;
border-left: 1em solid #caa623;
border-right: 1em solid #caa623;
border-bottom: 0.1em solid #caa623;
text-align: center;
font-size: 1.1em;
font-weight: bold;
text-shadow: 0.1em 0.1em 0.2em #000;
box-shadow: 0 0 1.500em #000;
letter-spacing: +0.100em;
margin-bottom: 5em;
transition: 600ms ease all;
}
.bandeau:hover h2 {
color: #f7cb2b;
background: #0e0f11;
transform: scale(1.03);
}
.fond-cta-produit {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0.1em;
grid-row-gap: 0.1em;
position: relative;
top: +4em;
max-width: 100%;
height: 30em;
background: #171a1d;
padding: 1em;
margin: 0 auto;
margin-bottom: 6em;
border-right: 0.1em solid #3b434b;
border-bottom: 0.2em solid #3b434b;
left: 0;
right: 0;
margin-inline: auto;
width: fit-content;
box-shadow: inset 0 0 1.500em #000;
transition: transform 600ms;
}
.fond-cta-produit:hover {
transform: scale(1.03);
}
.img-peinture-abstraite-069 img,
.img-peinture-abstraite-045 img,
.img-peinture-abstraite-073 img,
.img-peinture-abstraite-0100 img {
display: flex;
position: relative;
padding-top: 3em;
max-width: 70%;
max-height: 70%;
filter: drop-shadow(0 0 1em #000);
align-items: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
transition: transform 600ms;
}
.img-peinture-abstraite-069 img:hover,
.img-peinture-abstraite-045 img:hover,
.img-peinture-abstraite-073 img:hover,
.img-peinture-abstraite-0100 img:hover {
transform: scale(1.1);
}
.titre-peinture-abstraite-069 h2,
.titre-peinture-abstraite-045 h2,
.titre-peinture-abstraite-073 h2,
.titre-peinture-abstraite-0100 h2 {
position: relative;
top: +1em;
font-size: 1em;
font-weight: bold;
text-align: center;
color: #afc6e1;
text-shadow: 0.1em 0.1em 0.2em #000;
}
.technique-peinture-abstraite-069 p,
.technique-peinture-abstraite-045 p,
.technique-peinture-abstraite-073 p,
.technique-peinture-abstraite-0100 p {
position: relative;
top: +0.5em;
left: 0;
right: 0;
color: #afc6e1;
margin-inline: auto;
width: fit-content;
font-size: 1em;
font-weight: normal;
text-align: center;
}
.slogan-menu h3 {
position: relative;
top: +2em;
font-size: 2em;
font-weight: bold;
text-shadow: 0.1em 0.1em 0.2em #000;
color: #caa623;
left: 0;
right: 0;
margin-inline: auto;
width: fit-content;
transition: 600ms ease all;
}
.slogan-menu h3:hover {
color: #f7cb2b;
transform: scale(1.03);
}
.logo-signature-menu img {
position: relative;
top: +6em;
max-width: 6%;
max-height: 6%;
filter: drop-shadow(0 0 0.4em #000);
left: 47%;
transition: 600ms ease all;
}
.logo-signature-menu img:hover {
transform: scale(1.1);
}
.cta-boutons-menu {
display: block;
margin-top: 10em;
margin-bottom: 4em;
min-width: 40%;
height: 26em;
box-shadow: inset 0 0 5em #000;
background-color: #181b1e;
border-right: 0.3em solid #272d32;
border-bottom: 0.3em solid #272d32;
border-radius: 10% / 50%;
left: 0;
right: 0;
margin-inline: auto;
width: fit-content;
transition: 1000ms ease all;
}
.cta-boutons-menu:hover {
box-shadow: inset 0 0 1em #000;
min-width: 45%;
border-radius: 20% / 60%;
}
.cta-boutons-menu a {
display: block;
position: relative;
top: +5.3em;
left: +6em;
color: #afc6e1;
padding: 0.4em;
font-size: 1em;
font-weight: bold;
border-left: 1em solid #7a002b;
text-shadow: 0.1em 0.1em 0.3em #000;
text-decoration: none;
transition: 1000ms ease all;
}
.cta-boutons-menu a:hover {
border-left: 10em solid #7a002b;
color: #fff;
}
article {
position: relative;
top: +3em;
left: 0;
width: 80%;
height: auto;
padding-bottom: 5em;
color: #afc6e1;
text-align: start;
text-shadow: 0.063em 0.063em 0.200em #000;
align-items: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
}
article h1 {
font-size: 1.1em;
font-weight: bold;
text-shadow: 1px 1px 10px #000;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
article h2 {
font-size: 1em;
font-weight: bold;
text-shadow: 1px 1px 10px #000;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
article h3 {
font-size: 1em;
font-weight: bold;
text-shadow: 1px 1px 10px #000;
padding-top: 1em;
padding-bottom: 0.2em;
}
article p {
font-size: 1.1em;
text-shadow: 1px 1px 10px #000;
}
.signature {
position: relative;
float: right;
right: 0;
font-size: 1em;
text-shadow: 1px 1px 10px #000;
padding-top: 1em;
padding-bottom: 0.2em;
}
.masquer {
position: relative;
top: +5em;
font-size: 1em;
}
details {
position: relative;
top: +1em;
left: 0;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
const paypalButtons = window.paypal.Buttons({
style: {
shape: "rect",
layout: "vertical",
color: "gold",
label: "paypal",
},
message: {
amount: 100,
},
async createOrder() {
try {
const response = await fetch("/api/orders", {
method: "POST",
headers: {
"Content-Type": "application/json",
},
// use the "body" param to optionally pass additional order information
// like product ids and quantities
body: JSON.stringify({
cart: [
{
id: "YOUR_PRODUCT_ID",
quantity: "YOUR_PRODUCT_QUANTITY",
},
],
}),
});
const orderData = await response.json();
if (orderData.id) {
return orderData.id;
}
const errorDetail = orderData?.details?.[0];
const errorMessage = errorDetail
? `${errorDetail.issue} ${errorDetail.description} (${orderData.debug_id})`
: JSON.stringify(orderData);
throw new Error(errorMessage);
} catch (error) {
console.error(error);
// resultMessage(`Could not initiate PayPal Checkout...<br><br>${error}`);
}
},
async onApprove(data, actions) {
try {
const response = await fetch(
`/api/orders/${data.orderID}/capture`,
{
method: "POST",
headers: {
"Content-Type": "application/json",
},
}
);
const orderData = await response.json();
// Three cases to handle:
// (1) Recoverable INSTRUMENT_DECLINED -> call actions.restart()
// (2) Other non-recoverable errors -> Show a failure message
// (3) Successful transaction -> Show confirmation or thank you message
const errorDetail = orderData?.details?.[0];
if (errorDetail?.issue === "INSTRUMENT_DECLINED") {
// (1) Recoverable INSTRUMENT_DECLINED -> call actions.restart()
// recoverable state, per
// https://developer.paypal.com/docs/checkout/standard/customize/handle-funding-failures/
return actions.restart();
} else if (errorDetail) {
// (2) Other non-recoverable errors -> Show a failure message
throw new Error(
`${errorDetail.description} (${orderData.debug_id})`
);
} else if (!orderData.purchase_units) {
throw new Error(JSON.stringify(orderData));
} else {
// (3) Successful transaction -> Show confirmation or thank you message
// Or go to another URL: actions.redirect('thank_you.html');
const transaction =
orderData?.purchase_units?.[0]?.payments?.captures?.[0] ||
orderData?.purchase_units?.[0]?.payments
?.authorizations?.[0];
resultMessage(
`Transaction ${transaction.status}: ${transaction.id}<br>
<br>See console for all available details`
);
console.log(
"Capture result",
orderData,
JSON.stringify(orderData, null, 2)
);
}
} catch (error) {
console.error(error);
resultMessage(
`Sorry, your transaction could not be processed...<br><br>${error}`
);
}
},
});
paypalButtons.render("#paypal-button-container");
// Example function to show a result to the user. Your site's UI library can be used instead.
function resultMessage(message) {
const container = document.querySelector("#result-message");
container.innerHTML = message;
}
import express from "express";
import "dotenv/config";
import {
ApiError,
CheckoutPaymentIntent,
Client,
Environment,
LogLevel,
OrdersController,
PaymentsController,
PaypalExperienceLandingPage,
PaypalExperienceUserAction,
ShippingPreference,
} from "@paypal/paypal-server-sdk";
import bodyParser from "body-parser";
const app = express();
app.use(bodyParser.json());
const {
PAYPAL_CLIENT_ID,
PAYPAL_CLIENT_SECRET,
PORT = 8080,
} = process.env;
const client = new Client({
clientCredentialsAuthCredentials: {
oAuthClientId: PAYPAL_CLIENT_ID,
oAuthClientSecret: PAYPAL_CLIENT_SECRET,
},
timeout: 0,
environment: Environment.Sandbox,
logging: {
logLevel: LogLevel.Info,
logRequest: { logBody: true },
logResponse: { logHeaders: true },
},
});
const ordersController = new OrdersController(client);
const paymentsController = new PaymentsController(client);
/**
* Create an order to start the transaction.
* @see https://developer.paypal.com/docs/api/orders/v2/#orders_create
*/
const createOrder = async (cart) => {
const collect = {
body: {
intent: "CAPTURE",
purchaseUnits: [
{
amount: {
currencyCode: "USD",
value: "100",
breakdown: {
itemTotal: {
currencyCode: "USD",
value: "100",
},
},
},
// lookup item details in `cart` from database
items: [
{
name: "T-Shirt",
unitAmount: {
currencyCode: "USD",
value: "100",
},
quantity: "1",
description: "Super Fresh Shirt",
sku: "sku01",
},
],
},
],
},
prefer: "return=minimal",
};
try {
const { body, ...httpResponse } = await ordersController.createOrder(
collect
);
// Get more response info...
// const { statusCode, headers } = httpResponse;
return {
jsonResponse: JSON.parse(body),
httpStatusCode: httpResponse.statusCode,
};
} catch (error) {
if (error instanceof ApiError) {
// const { statusCode, headers } = error;
throw new Error(error.message);
}
}
};
// createOrder route
app.post("/api/orders", async (req, res) => {
try {
// use the cart information passed from the front-end to calculate the order amount detals
const { cart } = req.body;
const { jsonResponse, httpStatusCode } = await createOrder(cart);
res.status(httpStatusCode).json(jsonResponse);
} catch (error) {
console.error("Failed to create order:", error);
res.status(500).json({ error: "Failed to create order." });
}
});
/**
* Capture payment for the created order to complete the transaction.
* @see https://developer.paypal.com/docs/api/orders/v2/#orders_capture
*/
const captureOrder = async (orderID) => {
const collect = {
id: orderID,
prefer: "return=minimal",
};
try {
const { body, ...httpResponse } = await ordersController.captureOrder(
collect
);
// Get more response info...
// const { statusCode, headers } = httpResponse;
return {
jsonResponse: JSON.parse(body),
httpStatusCode: httpResponse.statusCode,
};
} catch (error) {
if (error instanceof ApiError) {
// const { statusCode, headers } = error;
throw new Error(error.message);
}
}
};
// captureOrder route
app.post("/api/orders/:orderID/capture", async (req, res) => {
try {
const { orderID } = req.params;
const { jsonResponse, httpStatusCode } = await captureOrder(orderID);
res.status(httpStatusCode).json(jsonResponse);
} catch (error) {
console.error("Failed to create order:", error);
res.status(500).json({ error: "Failed to capture order." });
}
});
app.listen(PORT, () => {
console.log(`Node server listening at http://localhost:${PORT}/`);
});
Oui, lorsque je clique sur les boutons PayPal, beaucoup d'éléments apparaissent en rouge dans la console. Même sans cliquer.
Est-ce que ça te servirait à quelque chose si je te montrais ces éléments ? Il y en a beaucoup.
En cliquant sur le bouton Paypal en gardant les logs/events de la console, tu as des choses ?
Pour moi, tu peux ignorer ces messages.
Ce site utilise des cookies pour améliorer uniquement votre expérience utilisateur.
Vous pouvez lire à tout moment comment nous utilisons les cookies sur le site.