mirror of
https://github.com/NohamR/Nohamart.git
synced 2026-01-09 23:48:16 +00:00
First push
This commit is contained in:
√(noham)²
52
html/about.html
Normal file
52
html/about.html
Normal file
@@ -0,0 +1,52 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>About</title>
|
||||
<link rel="shortcut icon" href="../assets/icon.ico">
|
||||
<link rel="stylesheet" href="../css/about.css">
|
||||
<script src="../js/index.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<nav data-toggled="false" data-transitionable="false">
|
||||
<div id="nav-logo-section" class="nav-section">
|
||||
<a href="../index.html">
|
||||
<img src="../assets/icon.ico" alt="logo" height="110px" width="110px" id="logo"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id="nav-mobile-section">
|
||||
|
||||
<div id="nav-social-section" class="nav-section">
|
||||
<a href="https://www.instagram.com/no.0ham/">
|
||||
<img src="../assets/social/insta.png" alt="insta" width="50px" height="50px">
|
||||
</a>
|
||||
<a href="https://twitter.com/Noo0ham">
|
||||
<img src="../assets/social/twitter.png" alt="Twitter" width="50px" height="50px">
|
||||
</a>
|
||||
<a href="https://github.com/NohamR">
|
||||
<img src="../assets/social/github.png" alt="github" width="50px" height="50px">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<article>
|
||||
<div class="article-title-section">
|
||||
<h1 class="texte-titre">About</h1>
|
||||
</div>
|
||||
<br>
|
||||
<h2>This page was made by <div class="Noham">√(noham)²</div> to show his creativity and his projects</h2>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
Dev by √(noham)² with ❤
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
54
html/about2sv.html
Normal file
54
html/about2sv.html
Normal file
@@ -0,0 +1,54 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>About</title>
|
||||
<link rel="shortcut icon" href="../assets/icon.ico">
|
||||
<link rel="stylesheet" href="../css/about.css">
|
||||
<script src="../js/index.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<nav data-toggled="false" data-transitionable="false">
|
||||
<div id="nav-logo-section" class="nav-section">
|
||||
<a href="../index.html">
|
||||
<img src="../assets/icon.ico" alt="logo" height="110px" width="110px" id="logo"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id="nav-mobile-section">
|
||||
|
||||
<div id="nav-social-section" class="nav-section">
|
||||
<a href="https://www.instagram.com/no.0ham/">
|
||||
<img src="../assets/social/insta.png" alt="insta" width="50px" height="50px">
|
||||
</a>
|
||||
<a href="https://twitter.com/Noo0ham">
|
||||
<img src="../assets/social/twitter.png" alt="Twitter" width="50px" height="50px">
|
||||
</a>
|
||||
<a href="https://github.com/NohamR">
|
||||
<img src="../assets/social/github.png" alt="github" width="50px" height="50px">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<article>
|
||||
<div class="article-image-section article-section"></div>
|
||||
<div class="article-description-section article-section">
|
||||
<p>This page was made by Noham</p>
|
||||
</div>
|
||||
<div class="article-title-section article-section">
|
||||
<h2 class="texte-titre">About</h2>
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
Dev by √(noham)² with ❤
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
|
||||
</html>
|
||||
189
html/elephant.html
Normal file
189
html/elephant.html
Normal file
@@ -0,0 +1,189 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Elephant</title>
|
||||
<link rel="shortcut icon" href="../assets/icon/Elephant/Elephant.ico">
|
||||
<link rel="stylesheet" href="../css/elephant.css">
|
||||
<script src="../js/elephant.js"></script>
|
||||
|
||||
<style>
|
||||
* {
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
.mySlides1,
|
||||
.mySlides2 {
|
||||
display: none
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Slideshow container */
|
||||
.slideshow-container {
|
||||
max-width: 1000px;
|
||||
max-height: 400px;
|
||||
position: relative;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Next & previous buttons */
|
||||
.prev,
|
||||
.next {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: auto;
|
||||
padding: 16px;
|
||||
margin-top: -22px;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
transition: 0.6s ease;
|
||||
border-radius: 0 3px 3px 0;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/* Position the "next button" to the right */
|
||||
.next {
|
||||
right: 0;
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
|
||||
/* On hover, add a grey background color */
|
||||
.prev:hover,
|
||||
.next:hover {
|
||||
background-color: #f1f1f1;
|
||||
color: black;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<nav data-toggled="false" data-transitionable="false">
|
||||
<div id="nav-logo-section" class="nav-section">
|
||||
<a href="../index.html">
|
||||
<img src="../assets/icon.ico" alt="logo" height="110px" width="110px" id="logo"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id="nav-mobile-section">
|
||||
|
||||
<div id="nav-social-section" class="nav-section">
|
||||
<a href="https://www.instagram.com/no.0ham/">
|
||||
<img src="../assets/social/insta.png" alt="insta" width="50px" height="50px">
|
||||
</a>
|
||||
<a href="https://twitter.com/Noo0ham">
|
||||
<img src="../assets/social/twitter.png" alt="Twitter" width="50px" height="50px">
|
||||
</a>
|
||||
<a href="https://github.com/NohamR">
|
||||
<img src="../assets/social/github.png" alt="github" width="50px" height="50px">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<article>
|
||||
<div class="article-title-section">
|
||||
<h1 class="texte-titre">Elephant</h1>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<div class="slideshow-container">
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (1).JPG" alt="img1" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (2).JPG" alt="img2" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (3).JPG" alt="img3" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (4).JPG" alt="img4" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (5).JPG" alt="img5" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (6).JPG" alt="img6" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (7).JPG" alt="img7" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (8).JPG" alt="img8" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (9).JPG" alt="img9" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (10).JPG" alt="img10" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (11).JPG" alt="img11" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (12).JPG" alt="img12" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (13).JPG" alt="img13" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (14).JPG" alt="img14" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (15).JPG" alt="img15" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (16).JPG" alt="img16" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (17).JPG" alt="img17" width="auto" height="400px">
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<a class="prev" onclick="plusSlides(-1, 0)">❮</a>
|
||||
<a class="next" onclick="plusSlides(1, 0)">❯</a>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
let slideIndex = [1, 1];
|
||||
let slideId = ["mySlides1", "mySlides2"]
|
||||
showSlides(1, 0);
|
||||
showSlides(1, 1);
|
||||
|
||||
function plusSlides(n, no) {
|
||||
showSlides(slideIndex[no] += n, no);
|
||||
}
|
||||
|
||||
function showSlides(n, no) {
|
||||
let i;
|
||||
let x = document.getElementsByClassName(slideId[no]);
|
||||
if (n > x.length) { slideIndex[no] = 1 }
|
||||
if (n < 1) { slideIndex[no] = x.length }
|
||||
for (i = 0; i < x.length; i++) {
|
||||
x[i].style.display = "none";
|
||||
}
|
||||
x[slideIndex[no] - 1].style.display = "block";
|
||||
}
|
||||
</script>
|
||||
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
Dev by √(noham)² with ❤
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
189
html/elephant2.html
Normal file
189
html/elephant2.html
Normal file
@@ -0,0 +1,189 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Elephant</title>
|
||||
<link rel="shortcut icon" href="../assets/icon/Elephant/Elephant.ico">
|
||||
<link rel="stylesheet" href="../css/elephant2.css">
|
||||
<script src="../js/elephant.js"></script>
|
||||
|
||||
<style>
|
||||
* {
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
.mySlides1,
|
||||
.mySlides2 {
|
||||
display: none
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Slideshow container */
|
||||
.slideshow-container {
|
||||
max-width: 1000px;
|
||||
max-height: 400px;
|
||||
position: relative;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Next & previous buttons */
|
||||
.prev,
|
||||
.next {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: auto;
|
||||
padding: 16px;
|
||||
margin-top: -22px;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
transition: 0.6s ease;
|
||||
border-radius: 0 3px 3px 0;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/* Position the "next button" to the right */
|
||||
.next {
|
||||
right: 0;
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
|
||||
/* On hover, add a grey background color */
|
||||
.prev:hover,
|
||||
.next:hover {
|
||||
background-color: #f1f1f1;
|
||||
color: black;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<nav data-toggled="false" data-transitionable="false">
|
||||
<div id="nav-logo-section" class="nav-section">
|
||||
<a href="../index.html">
|
||||
<img src="../assets/icon.ico" alt="logo" height="110px" width="110px" id="logo"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id="nav-mobile-section">
|
||||
|
||||
<div id="nav-social-section" class="nav-section">
|
||||
<a href="https://www.instagram.com/no.0ham/">
|
||||
<img src="../assets/social/insta.png" alt="insta" width="50px" height="50px">
|
||||
</a>
|
||||
<a href="https://twitter.com/Noo0ham">
|
||||
<img src="../assets/social/twitter.png" alt="Twitter" width="50px" height="50px">
|
||||
</a>
|
||||
<a href="https://github.com/NohamR">
|
||||
<img src="../assets/social/github.png" alt="github" width="50px" height="50px">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<article>
|
||||
<div class="article-title-section">
|
||||
<h1 class="texte-titre">Elephant</h1>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<div class="slideshow-container">
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (1).JPG" alt="img1" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (2).JPG" alt="img2" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (3).JPG" alt="img3" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (4).JPG" alt="img4" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (5).JPG" alt="img5" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (6).JPG" alt="img6" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (7).JPG" alt="img7" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (8).JPG" alt="img8" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (9).JPG" alt="img9" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (10).JPG" alt="img10" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (11).JPG" alt="img11" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (12).JPG" alt="img12" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (13).JPG" alt="img13" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (14).JPG" alt="img14" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (15).JPG" alt="img15" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (16).JPG" alt="img16" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (17).JPG" alt="img17" width-max="90%" height="45%">
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<a class="prev" onclick="plusSlides(-1, 0)">❮</a>
|
||||
<a class="next" onclick="plusSlides(1, 0)">❯</a>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
let slideIndex = [1, 1];
|
||||
let slideId = ["mySlides1", "mySlides2"]
|
||||
showSlides(1, 0);
|
||||
showSlides(1, 1);
|
||||
|
||||
function plusSlides(n, no) {
|
||||
showSlides(slideIndex[no] += n, no);
|
||||
}
|
||||
|
||||
function showSlides(n, no) {
|
||||
let i;
|
||||
let x = document.getElementsByClassName(slideId[no]);
|
||||
if (n > x.length) { slideIndex[no] = 1 }
|
||||
if (n < 1) { slideIndex[no] = x.length }
|
||||
for (i = 0; i < x.length; i++) {
|
||||
x[i].style.display = "none";
|
||||
}
|
||||
x[slideIndex[no] - 1].style.display = "block";
|
||||
}
|
||||
</script>
|
||||
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
Dev by √(noham)² with ❤
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
189
html/elephant3.html
Normal file
189
html/elephant3.html
Normal file
@@ -0,0 +1,189 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Elephant</title>
|
||||
<link rel="shortcut icon" href="../assets/icon/Elephant/Elephant.ico">
|
||||
<link rel="stylesheet" href="../css/elephant2.css">
|
||||
<script src="../js/elephant.js"></script>
|
||||
|
||||
<style>
|
||||
* {
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
.mySlides1,
|
||||
.mySlides2 {
|
||||
display: none
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Slideshow container */
|
||||
.slideshow-container {
|
||||
max-width: 1000px;
|
||||
max-height: 400px;
|
||||
position: relative;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Next & previous buttons */
|
||||
.prev,
|
||||
.next {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: auto;
|
||||
padding: 16px;
|
||||
margin-top: -22px;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
transition: 0.6s ease;
|
||||
border-radius: 0 3px 3px 0;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/* Position the "next button" to the right */
|
||||
.next {
|
||||
right: 0;
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
|
||||
/* On hover, add a grey background color */
|
||||
.prev:hover,
|
||||
.next:hover {
|
||||
background-color: #f1f1f1;
|
||||
color: black;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<nav data-toggled="false" data-transitionable="false">
|
||||
<div id="nav-logo-section" class="nav-section">
|
||||
<a href="../index.html">
|
||||
<img src="../assets/icon.ico" alt="logo" height="110px" width="110px" id="logo"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id="nav-mobile-section">
|
||||
|
||||
<div id="nav-social-section" class="nav-section">
|
||||
<a href="https://www.instagram.com/no.0ham/">
|
||||
<img src="../assets/social/insta.png" alt="insta" width="50px" height="50px">
|
||||
</a>
|
||||
<a href="https://twitter.com/Noo0ham">
|
||||
<img src="../assets/social/twitter.png" alt="Twitter" width="50px" height="50px">
|
||||
</a>
|
||||
<a href="https://github.com/NohamR">
|
||||
<img src="../assets/social/github.png" alt="github" width="50px" height="50px">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<article>
|
||||
<div class="article-title-section">
|
||||
<h1 class="texte-titre">Elephant</h1>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<div class="slideshow-container">
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (1).JPG" alt="img1" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (2).JPG" alt="img2" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (3).JPG" alt="img3" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (4).JPG" alt="img4" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (5).JPG" alt="img5" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (6).JPG" alt="img6" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (7).JPG" alt="img7" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (8).JPG" alt="img8" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (9).JPG" alt="img9" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (10).JPG" alt="img10" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (11).JPG" alt="img11" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (12).JPG" alt="img12" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (13).JPG" alt="img13" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (14).JPG" alt="img14" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (15).JPG" alt="img15" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (16).JPG" alt="img16" width-max="90%" height="45%">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Elephant/Final/Elephant (17).JPG" alt="img17" width-max="90%" height="45%">
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<a class="prev" onclick="plusSlides(-1, 0)">❮</a>
|
||||
<a class="next" onclick="plusSlides(1, 0)">❯</a>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
let slideIndex = [1, 1];
|
||||
let slideId = ["mySlides1", "mySlides2"]
|
||||
showSlides(1, 0);
|
||||
showSlides(1, 1);
|
||||
|
||||
function plusSlides(n, no) {
|
||||
showSlides(slideIndex[no] += n, no);
|
||||
}
|
||||
|
||||
function showSlides(n, no) {
|
||||
let i;
|
||||
let x = document.getElementsByClassName(slideId[no]);
|
||||
if (n > x.length) { slideIndex[no] = 1 }
|
||||
if (n < 1) { slideIndex[no] = x.length }
|
||||
for (i = 0; i < x.length; i++) {
|
||||
x[i].style.display = "none";
|
||||
}
|
||||
x[slideIndex[no] - 1].style.display = "block";
|
||||
}
|
||||
</script>
|
||||
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
Dev by √(noham)² with ❤
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
53
html/instagram.html
Normal file
53
html/instagram.html
Normal file
@@ -0,0 +1,53 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>About</title>
|
||||
<link rel="shortcut icon" href="../assets/icon.ico">
|
||||
<link rel="stylesheet" href="../css/insta.css">
|
||||
<script src="../js/index.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<nav data-toggled="false" data-transitionable="false">
|
||||
<div id="nav-logo-section" class="nav-section">
|
||||
<a href="../index.html">
|
||||
<img src="../assets/icon.ico" alt="logo" height="110px" width="110px" id="logo"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id="nav-mobile-section">
|
||||
|
||||
<div id="nav-social-section" class="nav-section">
|
||||
<a href="https://www.instagram.com/no.0ham/">
|
||||
<img src="../assets/social/insta.png" alt="insta" width="50px" height="50px">
|
||||
</a>
|
||||
<a href="https://twitter.com/Noo0ham">
|
||||
<img src="../assets/social/twitter.png" alt="Twitter" width="50px" height="50px">
|
||||
</a>
|
||||
<a href="https://github.com/NohamR">
|
||||
<img src="../assets/social/github.png" alt="github" width="50px" height="50px">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<article>
|
||||
<div class="article-title-section">
|
||||
<h1 class="texte-titre">Instagram</h1>
|
||||
</div>
|
||||
<br>
|
||||
<div class="insta">
|
||||
<iframe src="https://www.instagram.com/no.0ham/" frameborder="10" height="300px" width="300px"></iframe>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
Dev by √(noham)² with ❤
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
192
html/lampe.html
Normal file
192
html/lampe.html
Normal file
@@ -0,0 +1,192 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Lampe</title>
|
||||
<link rel="shortcut icon" href="../assets/icon/Lampe/Lampe.ico">
|
||||
<link rel="stylesheet" href="../css/lampe.css">
|
||||
<script src="../js/lampe.js"></script>
|
||||
|
||||
<style>
|
||||
* {
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
.mySlides1,
|
||||
.mySlides2 {
|
||||
display: none
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Slideshow container */
|
||||
.slideshow-container {
|
||||
max-width: 1000px;
|
||||
max-height: 400px;
|
||||
position: relative;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Next & previous buttons */
|
||||
.prev,
|
||||
.next {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: auto;
|
||||
padding: 16px;
|
||||
margin-top: -22px;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
transition: 0.6s ease;
|
||||
border-radius: 0 3px 3px 0;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/* Position the "next button" to the right */
|
||||
.next {
|
||||
right: 0;
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
|
||||
/* On hover, add a grey background color */
|
||||
.prev:hover,
|
||||
.next:hover {
|
||||
background-color: #f1f1f1;
|
||||
color: black;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<nav data-toggled="false" data-transitionable="false">
|
||||
<div id="nav-logo-section" class="nav-section">
|
||||
<a href="../index.html">
|
||||
<img src="../assets/icon.ico" alt="logo" height="110px" width="110px" id="logo"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id="nav-mobile-section">
|
||||
|
||||
<div id="nav-social-section" class="nav-section">
|
||||
<a href="https://www.instagram.com/no.0ham/">
|
||||
<img src="../assets/social/insta.png" alt="insta" width="50px" height="50px">
|
||||
</a>
|
||||
<a href="https://twitter.com/Noo0ham">
|
||||
<img src="../assets/social/twitter.png" alt="Twitter" width="50px" height="50px">
|
||||
</a>
|
||||
<a href="https://github.com/NohamR">
|
||||
<img src="../assets/social/github.png" alt="github" width="50px" height="50px">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<article>
|
||||
<div class="article-title-section">
|
||||
<h1 class="texte-titre">Lampe</h1>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<div class="slideshow-container">
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Lampe/Final/Lampe (1).PNG" alt="img1" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Lampe/Final/Lampe (2).PNG" alt="img2" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Lampe/Final/Lampe (3).PNG" alt="img3" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Lampe/Final/Lampe (4).PNG" alt="img4" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Lampe/Final/Lampe (5).PNG" alt="img5" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Lampe/Final/Lampe (6).PNG" alt="img6" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Lampe/Final/Lampe (7).PNG" alt="img7" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Lampe/Final/Lampe (8).PNG" alt="img8" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Lampe/Final/Lampe (9).PNG" alt="img9" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Lampe/Final/Lampe (10).PNG" alt="img10" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Lampe/Final/Lampe (11).PNG" alt="img11" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Lampe/Final/Lampe (12).PNG" alt="img12" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Lampe/Final/Lampe (13).PNG" alt="img13" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Lampe/Final/Lampe (14).PNG" alt="img14" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Lampe/Final/Lampe (15).PNG" alt="img15" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Lampe/Final/Lampe (16).PNG" alt="img16" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Lampe/Final/Lampe (17).PNG" alt="img17" width="auto" height="400px">
|
||||
</div>
|
||||
<div class="mySlides1">
|
||||
<img src="../assets/Article/Lampe/Final/Lampe (18).PNG" alt="img18" width="auto" height="400px">
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<a class="prev" onclick="plusSlides(-1, 0)">❮</a>
|
||||
<a class="next" onclick="plusSlides(1, 0)">❯</a>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
let slideIndex = [1, 1];
|
||||
let slideId = ["mySlides1", "mySlides2"]
|
||||
showSlides(1, 0);
|
||||
showSlides(1, 1);
|
||||
|
||||
function plusSlides(n, no) {
|
||||
showSlides(slideIndex[no] += n, no);
|
||||
}
|
||||
|
||||
function showSlides(n, no) {
|
||||
let i;
|
||||
let x = document.getElementsByClassName(slideId[no]);
|
||||
if (n > x.length) { slideIndex[no] = 1 }
|
||||
if (n < 1) { slideIndex[no] = x.length }
|
||||
for (i = 0; i < x.length; i++) {
|
||||
x[i].style.display = "none";
|
||||
}
|
||||
x[slideIndex[no] - 1].style.display = "block";
|
||||
}
|
||||
</script>
|
||||
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
Dev by √(noham)² with ❤
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
86
html/test.html
Normal file
86
html/test.html
Normal file
@@ -0,0 +1,86 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Teste</title>
|
||||
<link rel="shortcut icon" href="assets/icon.ico">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<script src="js/index.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<nav data-toggled="false" data-transitionable="false">
|
||||
<div id="nav-logo-section" class="nav-section">
|
||||
<a href="index.html">
|
||||
<img src="assets/icon.ico" alt="logo" height="110px" width="110px" id="logo"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id="nav-mobile-section">
|
||||
<div id="nav-link-section" class="nav-section">
|
||||
<a href="html/about.html">ABOUT</a>
|
||||
<a href="html/work.html">WORK</a>
|
||||
</div>
|
||||
|
||||
<div id="nav-social-section" class="nav-section">
|
||||
<a href="https://www.instagram.com/no.0ham/">
|
||||
<img src="assets/social/insta.png" alt="insta" width="50px" height="50px">
|
||||
</a>
|
||||
<a href="https://twitter.com/Noo0ham">
|
||||
<img src="assets/social/twitter.png" alt="Twitter" width="50px" height="50px">
|
||||
</a>
|
||||
<a href="https://github.com/NohamR">
|
||||
<img src="assets/social/github.png" alt="github" width="50px" height="50px">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<article data-index="0" data-status="active">
|
||||
<div class="article-image-section article-section"></div>
|
||||
<div class="article-description-section article-section">
|
||||
<p>.</p>
|
||||
</div>
|
||||
<div class="article-title-section article-section">
|
||||
<a href="html/elephant.html">
|
||||
<h2 class="texte-titre">Elephant</h2>
|
||||
</a>
|
||||
</div>
|
||||
<div class="article-nav-section article-section">
|
||||
<button class="article-nav-button" type="button" onclick="handleLeftClick()">
|
||||
<img src="assets/web/arrow-left.png" alt="arrow-left"> </button>
|
||||
<button class="article-nav-button" type="button" onclick="handleRightClick()">
|
||||
<img src="assets/web/arrow-right.png" alt="arrow-right"> </button>
|
||||
</button>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article data-index="1" data-status="inactive">
|
||||
<div class="article-image-section article-section"></div>
|
||||
<div class="article-description-section article-section">
|
||||
<p>.</p>
|
||||
</div>
|
||||
<div class="article-title-section article-section">
|
||||
<a href="html/lampe.html">
|
||||
<h2 class="texte-titre">Lampe</h2>
|
||||
</a>
|
||||
</div>
|
||||
<div class="article-nav-section article-section">
|
||||
<button class="article-nav-button" type="button" onclick="handleLeftClick()">
|
||||
<img src="assets/web/arrow-left.png" alt="arrow-left"> </button>
|
||||
<button class="article-nav-button" type="button" onclick="handleRightClick()">
|
||||
<img src="assets/web/arrow-right.png" alt="arrow-right"> </button>
|
||||
</button>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
Dev by √(noham)² with ❤
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
|
||||
</html>
|
||||
60
html/work.html
Normal file
60
html/work.html
Normal file
@@ -0,0 +1,60 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Work</title>
|
||||
<link rel="shortcut icon" href="../assets/icon.ico">
|
||||
<link rel="stylesheet" href="../css/work.css">
|
||||
<script src="../js/index.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<nav data-toggled="false" data-transitionable="false">
|
||||
<div id="nav-logo-section" class="nav-section">
|
||||
<a href="../index.html">
|
||||
<img src="../assets/icon.ico" alt="logo" height="110px" width="110px" id="logo"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id="nav-mobile-section">
|
||||
|
||||
<div id="nav-social-section" class="nav-section">
|
||||
<a href="https://www.instagram.com/no.0ham/">
|
||||
<img class="icon" src="../assets/social/insta.png" alt="insta" width="50px" height="50px">
|
||||
</a>
|
||||
<a href="https://twitter.com/Noo0ham">
|
||||
<img class="icon" src="../assets/social/twitter.png" alt="Twitter" width="50px" height="50px">
|
||||
</a>
|
||||
<a href="https://github.com/NohamR">
|
||||
<img class="icon" src="../assets/social/github.png" alt="github" width="50px" height="50px">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<article>
|
||||
<div class="article-title-section">
|
||||
<h1 class="texte-titre">Work</h1>
|
||||
</div>
|
||||
<br>
|
||||
<div class="accueilclass">
|
||||
<a href="https://nohamr.github.io/Accueil/">
|
||||
<h2>Another website made by my : </h2>
|
||||
<!-- <img src="../assets/Article/Work/accueil.png" alt="accueil.png" width="500px"> -->
|
||||
<img id="accueil" src="../assets/Article/Work/accueil2.png" alt="accueil2" width="300px">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
Dev by √(noham)² with ❤
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user