diff --git a/vojprod/css/style.css b/vojprod/css/style.css new file mode 100644 index 0000000..73b6677 --- /dev/null +++ b/vojprod/css/style.css @@ -0,0 +1,85 @@ +body { + font-family: 'Noto Sans', sans-serif; + background-color: #333; + color: #fff; + } + .container { + width: 80%; + margin: auto; + border: 2px solid #2ecccc; + border-radius: 25px; + padding: 20px; + background-color: #444; + } + .nav a { + text-decoration: none; + color: #fff; + padding: 10px 20px; + border: 2px solid #2ecccc; + border-radius: 25px; + background-color: #333; + transition: all 0.3s ease-in-out; + } + .nav a:hover { + background-color: #2ecccc; + color: #333; + cursor: pointer; + transition: all 0.3s ease-in-out; + } + + .video-container { + width: 80%; + margin: 20px auto; + border: 2px solid #2ecccc; + border-radius: 25px; + overflow: hidden; + padding-bottom: 56.25%; + position: relative; + } + .video-container iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } + + header { + text-align: left; + } + .logo { + height: 60px; + width: 60px; + display: inline-block; + vertical-align: middle; + margin-right: 10px; + } + .title { + display: inline-block; + font-size: 48px; + line-height: 60px; + vertical-align: middle; + } + + div.footer { + width: 80%; + margin: auto; + border: 2px solid #2ecccc; + border-radius: 25px; + padding: 20px; + background-color: #444; + display: flex; + justify-content: center; + align-items: center; + } + + img.flash { + display: inline-block; + width: 128px; + transition: 0.4s; + }; + + img.flash:hover { + transition: 0.4s; + width: 800px + }; \ No newline at end of file diff --git a/vojprod/index.html b/vojprod/index.html new file mode 100644 index 0000000..b397126 --- /dev/null +++ b/vojprod/index.html @@ -0,0 +1,51 @@ + + + + + + + VOJ Production + + +
+
+ + + +

Viens On Jette

+
+
+ Accueil + Infos + Link Tree + Outils + Ruty + LoLivator + JPC + Archives +
+


+
+

Bienvenue sur le site officiel de VOJ Production

+

Et retrouvez toutes les dernières informations de Whykioh & Naxo

+
+

Flash Info !

+
+

Après Théo, court-métrage de 5 minutes, le duo
se lance dans la création de leur second projet
"L'Unique Solution". Un moyen-métrage dont le tournage n'as
pas encore commencé

+
+
+

Voici la dernière création VOJ :

+
+ +
+
+

Voici la dernière vidéo du duo :

+
+ +
+
+
+ Copyright | Viens On Jette® 2023 +
+ +