06-11-2019
+Tebboune Al C17H21NO4
+Happy New Year
+2020
+ +
+< >
+
+ 
+ 
+
+
+
+
\ No newline at end of file
diff --git a/projects/2020/NewYear.css b/projects/2020/NewYear.css
new file mode 100644
index 0000000..ddc4899
--- /dev/null
+++ b/projects/2020/NewYear.css
@@ -0,0 +1,230 @@
+@font-face {
+ font-family: 'neontubes';
+ src: url("NeonTubes/NeonTubes2.otf")
+}
+body{
+ background: radial-gradient(
+ circle,
+ rgba(119, 13, 13, 0.92) 80%,
+ rgba(0, 0, 0, 0.6) 100%
+ );
+
+ color: #ee990f;
+ font-family: 'neontubes';
+ overflow: hidden;
+}
+
+audio{
+ visibility: visible;
+}
+.container{
+ text-align: center;
+ line-height: 70px;
+ height: 100;
+}
+
+.container h1{
+ margin-top: 140px;
+font-size: 7em;
+text-shadow: 0 0 0 transparent, 0 0 10px #ff003c, 0 0 20px rgba(255, 0, 60, 0.5), 0 0 40px #ff003c, 0 0 100px #ff003c, 0 0 200px #ff003c, 0 0 300px #ff003c, 0 0 500px #ff003c, 0 0 1000px #ff003c;
+
+}
+
+.container h5{
+ float: right;
+ position: absolute;
+ top: -40px;
+ right: 10px;
+ color: white;
+}
+
+.container h2{
+
+ font-size: 5em;
+ text-shadow: 0 0 0 transparent, 0 0 10px #ff003c, 0 0 20px rgba(255, 0, 60, 0.5), 0 0 40px #ff003c, 0 0 100px #ff003c, 0 0 200px #ff003c, 0 0 300px #ff003c, 0 0 500px #ff003c, 0 0 1000px #ff003c;
+
+}
+
+.line{
+ text-align: center;
+ font-size: 3em;
+ text-shadow: 0 0 0 transparent, 0 0 10px #ff003c, 0 0 20px rgba(255, 0, 60, 0.5), 0 0 40px #ff003c, 0 0 100px #ff003c, 0 0 200px #ff003c, 0 0 300px #ff003c, 0 0 500px #ff003c, 0 0 1000px #ff003c;
+
+ }
+
+ .container .img1{
+ float: right;
+ margin-top: -70px;
+ margin-right: 100px;
+ box-shadow: 0px 10px 10px -15px #111;
+ height: 200px;
+ width: 200px;
+ cursor: pointer;
+ }
+
+ .container .img2{
+float: left;
+margin-top: -70px;
+margin-left: 100px;
+height: 200px;
+width: 200px;
+ }
+
+ h3{
+ display: inline;
+ }
+
+
+ @media screen and (max-width: 400px) {
+ .container{
+
+line-height: 50px;
+
+ }
+ .container h1{
+ font-size: 5em;
+}
+
+.container h2{
+font-size: 3em;
+margin-top: -10px;
+}
+.line{
+font-size:1em ;
+text-align: center;
+margin-top: -30px;
+
+}
+
+.container .img1{
+
+ height: 150px;
+ width: 150px;
+ float: right;
+margin-right: -15px;
+margin-top: 0px;
+cursor: pointer;
+}
+.container .img2{
+height: 150px;
+width: 150px;
+float: left;
+margin-left: -8px;
+margin-top: 0px;
+
+
+}
+ }
+
+ @media screen and (min-width: 400px) and (max-width:900px) {
+ audio{
+ height: 40px;
+ margin-top: 20px;
+ }
+ .container{
+
+line-height: 50px;
+
+ }
+ .container h1{
+ font-size: 4em;
+}
+
+.container h2{
+font-size: 3em;
+margin-top: -20px;
+}
+.line{
+font-size:1.5em ;
+text-align: center;
+margin-top: -10px;
+
+}
+
+.container .img1{
+
+ height: 200px;
+ width: 200px;
+ float: right;
+margin-right: -5px;
+margin-top: 0px;
+}
+.container .img2{
+height: 200px;
+width: 200px;
+float: left;
+margin-left: -8px;
+margin-top: 0px;
+
+
+}
+ }
+
+audio{
+ display: none;
+}
+
+ .wishTitle{
+ position: absolute;
+ left:50%;
+ transform: translateX(-50%);
+ top: 40px;
+ font-family: 'Princess Sofia', cursive;
+ font-size:1.6rem;
+ font-weight: bold;
+
+ display: flex;
+ }
+
+
+
+ .wish-text{
+ padding-left: 0.9rem;
+ color: rgb(255, 0, 59);
+
+ }
+
+ .wish-text:nth-of-type(1),.wish-text:nth-of-type(6),.wish-text:nth-of-type(11){
+ animation: upDown .8s infinite;
+ color: rgb(255, 0, 59);
+ }
+
+ .wish-text:nth-of-type(2),.wish-text:nth-of-type(7),.wish-text:nth-of-type(12){
+ animation: upDown .8s.2s infinite;
+ color: rgb(255, 0, 59);;
+ }
+
+ .wish-text:nth-of-type(3),.wish-text:nth-of-type(8),.wish-text:nth-of-type(13){
+ animation: upDown .8s .4s infinite;
+ color: rgb(255, 0, 59);
+ }
+
+ .wish-text:nth-of-type(4),.wish-text:nth-of-type(9),.wish-text:nth-of-type(14){
+ animation: upDown .8s .5s infinite;
+ color: rgb(255, 0, 59);
+ }
+
+ .wish-text:nth-of-type(5),.wish-text:nth-of-type(10){
+ animation: upDown .8s .1s infinite;
+ color: rgb(255, 0, 59);
+ }
+
+ .wish-text:nth-of-type(6){
+ padding-left: 2rem;
+ }
+
+ @keyframes upDown{
+
+ 0%,100%{
+ transform:translateY(0rem);
+ }
+
+ 50%{
+ transform:translateY(1rem);
+ }
+
+ }
+
+
+
+
\ No newline at end of file
diff --git a/projects/2020/NewYear.js b/projects/2020/NewYear.js
new file mode 100644
index 0000000..75b591a
--- /dev/null
+++ b/projects/2020/NewYear.js
@@ -0,0 +1,155 @@
+
+var bits=90;
+var speed=43;
+var bangs=7;
+var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cf", "#f93", "#f0c");
+// blue red green purple cyan orange pink
+
+var bangheight=new Array();
+var intensity=new Array();
+var colour=new Array();
+var Xpos=new Array();
+var Ypos=new Array();
+var dX=new Array();
+var dY=new Array();
+var stars=new Array();
+var decay=new Array();
+var swide=800;
+var shigh=600;
+var boddie;
+window.onload=function() { if (document.getElementById) {
+ var i;
+ boddie=document.createElement("div");
+ boddie.style.position="fixed";
+ boddie.style.top="0px";
+ boddie.style.left="0px";
+ boddie.style.overflow="visible";
+ boddie.style.width="1px";
+ boddie.style.height="1px";
+ boddie.style.backgroundColor="transparent";
+ document.body.appendChild(boddie);
+ set_width();
+ for (i=0; i
+
+
+ font Options :
+-
+
- default +
- Baskerville +
- Consolas +
- Gill Sans +
- Impact +
- Lucida Grande +
+
+
+
+
+ About Us
++
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates possimus inventore facilis commodi, deserunt labore voluptas nobis quae pariatur saepe mollitia facere doloremque
+
+
+
+
+
+
+
+
+
+
+
+ We are happy
+Le Cap, Sfax ou encore Le Caire, c'est au tour de la capitale sénégalaise consectetur adipisicing elit. Voluptates possimus inventore facilis commodi
+
+
+
+
+ We love Code
+Le Cap, Sfax ou encore Le Caire, c'est au tour de la capitale sénégalaise consectetur adipisicing elit. Voluptates possimus inventore facilis commodi
+
+
+
+ We are Social
+Le Cap, Sfax ou encore Le Caire, c'est au tour de la capitale sénégalaise consectetur adipisicing elit. Voluptates possimus inventore facilis commodi
+
+
+
+
+
+ 
+
+
+
+
+
+
+ We are happy to Halp You Join Us
+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi blanditiis, assumenda unde quam ad itaque corporis reiciendis nemo, tenetur repellendus asperiores veniam numquam dignissimos ducimus voluptates, cupiditate rem tempore expedita.
+ Contact Us +
+
+
+ font Options :
+-
+
- default +
- Baskerville +
- Consolas +
- Gill Sans +
- Impact +
- Lucida Grande +
+
+
+ Frequntely Asked Questions
++
Hello, You Find Here MOST question Asked that you Went To Now About It
+
+
+
+
+
+
+
+
+
+
+ Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+
+
+
+
+
+ + + #2 How To Use fontAwesome ? + +
+
+
+
+ Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+
+
+
+
+
+ + + #3 How To Use Animate.Css ? + +
+
+
+
+ Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+
+
+
+
+
+
+
+ Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+
+
+
+
+ font Options :
+-
+
- default +
- Baskerville +
- Consolas +
- Gill Sans +
- Impact +
- Lucida Grande +
+ 
+ 
+ 
+
+
+ Meet My template MAAM
+Meet My template MAAM
+Hello let me introduce my template MAAM created with Bootstrap + 3.3.7
+
+
+ MAAM features
+
+
+
+
+
+
+
+
+
+
+
+ 100% responsive
+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque cumque suscipit magni consectetur rerum. Officia omnis quisquam consectetur necessitatibus laudantium eligendi, nulla, incidunt eius saepe tempora impedit possimus commodi sint.
+
+
+
+
+
+
+ Awsom Icon
+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque cumque suscipit magni consectetur rerum. Officia omnis quisquam consectetur necessitatibus laudantium eligendi, nulla, incidunt eius saepe tempora impedit possimus commodi sint.
+
+
+
+
+
+
+ Ausom Animation
+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque cumque suscipit magni consectetur rerum. Officia omnis quisquam consectetur necessitatibus laudantium eligendi, nulla, incidunt eius saepe tempora impedit possimus commodi sint.
+
+
+
+
+
+
+
+ well Documented
+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque cumque suscipit magni consectetur rerum. Officia omnis quisquam consectetur necessitatibus laudantium eligendi, nulla, incidunt eius saepe tempora impedit possimus commodi sint.
+
+
+
+ What Our Client Say
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Un texte est une série orale ou écrite de mots perçus comme constituant un ensemble cohérent, porteur de sens et utilisant les structures propres à une langue ...
+ HOCIN +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis eius, eos aperiam, corporis in consequatur? Consequuntur tempora, quam voluptatibus autem officia saepe vitae quasi deleniti dignissimos, quaerat!
+ KATIA +
+
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum necessitatibus voluptate dolore molestiae, dolorum deserunt nihil itaque officiis ipsa praesentium! Quas voluptatem possimus rem quidem voluptatum, ex expedita
+ PEDRO +
+
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam temporibus consequuntur animi dolorum cumque vitae. Necessitatibus minus, esse cumque ea accusamus, officia perferendis repellendus nisi, ex nesciunt ipsa eius qui.
+ IMANE +-
+
-
+
+
+ -
+
+
+ -
+
+
+
+ -
+
+
+
+
+ Our Amizing Prices
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Meet Our Awosome Team
+
+
+
+
+ 
+
+
+
+
+ Amine
+front-end devloper
+ + + + +
+ 
+
+
+
+
+
+ Massi
+UI/UX designer
+ + + + +
+ 
+
+
+
+
+
+ Amel
+professional in js
+ + + + +
+ 
+
+
+
+
+ Sarah
+databases administrator
+ + + + +
+
+ Keep In Touch
+Sign Up For Newsletter
+ +
+
+
+
+ Our Main Statistics
+
+
+
+
+
+
+
+
+ 9,500
+ Satisfied Users +
+
+
+
+
+ 23,675
+ Posted Comments +
+
+
+
+
+ 9,500
+ Projects Done +
+
+
+
+ 32,950
+ Ticket Versed +
+
+
+ Our Skills
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ About the Team
+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas quidem soluta, natus doloribus incidunt. Nihil modi laboriosam repellendus tempore reprehenderit voluptatum, maiores harum quia, provident accusamus quod blanditiis voluptatibus labore.
+ +
+
+
+
+
+
+
+
+ Tell Us What you Fall
+Fell Free To Contact Us Anytime
+ +
+
+ Sponsor
+
+
+ -
+
+ 
+ 
+ 
+ 
+ 
+
+ 
+
+
+
+
+