File tree Expand file tree Collapse file tree 24 files changed +106
-81
lines changed
026-double vertical slider
038-mobile tab navigation
047-testimonial box switcher
056-image comparison slider
078-speak number guessing game
079-creative agency website Expand file tree Collapse file tree 24 files changed +106
-81
lines changed Original file line number Diff line number Diff line change @@ -43,7 +43,7 @@ <h1>Amazing Article</h1>
4343 </ p >
4444 < h2 > My Subtitle</ h2 >
4545 < img
46- src ="https://images.unsplash.com/photo-1610308354580-0108c064a578?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1& auto=format&fit=crop&w=2100&q=80 "
46+ src ="https://images.unsplash.com/photo-1610308354580-0108c064a578?auto=format&fit=crop&w=2100&q=80 "
4747 />
4848 < p >
4949 Lorem ipsum dolor sit, amet consectetur adipisicing elit. Corrupti
Original file line number Diff line number Diff line change 1515}
1616
1717.bg {
18- background : url ("https://images.unsplash.com/photo-1610217053402-b187336e9443?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1& auto=format&fit=crop&w=2100&q=80" )
18+ background : url ("https://images.unsplash.com/photo-1610217053402-b187336e9443?auto=format&fit=crop&w=2100&q=80" )
1919 no-repeat center center / cover;
2020 position : absolute;
2121 top : -30px ;
Original file line number Diff line number Diff line change 7575
7676.split .left {
7777 left : 0 ;
78- background : url ("https://images.unsplash.com/photo-1606144042614-b2417e99c4e3?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1& auto=format&fit=crop&w=1350&q=80" )
78+ background : url ("https://images.unsplash.com/photo-1606144042614-b2417e99c4e3?auto=format&fit=crop&w=1350&q=80" )
7979 no-repeat center / cover;
8080}
8181
8989
9090.split .right {
9191 right : 0 ;
92- background : url ("https://images.unsplash.com/photo-1607853827120-6847830b38b0?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D& auto=format&fit=crop&w=1762&q=80" )
92+ background : url ("https://images.unsplash.com/photo-1607853827120-6847830b38b0?auto=format&fit=crop&w=1762&q=80" )
9393 no-repeat center / cover;
9494}
9595
Original file line number Diff line number Diff line change 1717 < div
1818 class ="slide active "
1919 style ="
20- background-image: url('https://images.unsplash.com/photo-1610620746460-de78cf3d1705?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1& auto=format&fit=crop&w=2100&q=80');
20+ background-image: url('https://images.unsplash.com/photo-1610620746460-de78cf3d1705?auto=format&fit=crop&w=2100&q=80');
2121 "
2222 > </ div >
2323 < div
2424 class ="slide "
2525 style ="
26- background-image: url('https://images.unsplash.com/photo-1609589079958-8192b9cdab91?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D& auto=format&fit=crop&w=2100&q=80');
26+ background-image: url('https://images.unsplash.com/photo-1609589079958-8192b9cdab91?auto=format&fit=crop&w=2100&q=80');
2727 "
2828 > </ div >
2929 < div
3030 class ="slide "
3131 style ="
32- background-image: url('https://images.unsplash.com/photo-1605718665998-85fbd49c5eff?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D& auto=format&fit=crop&w=2100&q=80');
32+ background-image: url('https://images.unsplash.com/photo-1605718665998-85fbd49c5eff?auto=format&fit=crop&w=2100&q=80');
3333 "
3434 > </ div >
3535 < div
3636 class ="slide "
3737 style ="
38- background-image: url('https://images.unsplash.com/photo-1609589079852-0b1c745a71ec?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1& auto=format&fit=crop&w=2100&q=80');
38+ background-image: url('https://images.unsplash.com/photo-1609589079852-0b1c745a71ec?auto=format&fit=crop&w=2100&q=80');
3939 "
4040 > </ div >
4141 < div
4242 class ="slide "
4343 style ="
44- background-image: url('https://images.unsplash.com/photo-1604916010805-18ea15fa6d32?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1& auto=format&fit=crop&w=2100&q=80');
44+ background-image: url('https://images.unsplash.com/photo-1604916010805-18ea15fa6d32?auto=format&fit=crop&w=2100&q=80');
4545 "
4646 > </ div >
4747 < button class ="arrow left-arrow " id ="left ">
Original file line number Diff line number Diff line change @@ -25,7 +25,7 @@ const animated_bg_texts = document.querySelectorAll(".animated-bg-text");
2525
2626const getData = ( ) => {
2727 header . innerHTML =
28- '<img src="https://images.unsplash.com/photo-1610751399547-46ad575447cf?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1& auto=format&fit=crop&w=750&q=80" alt="" />' ;
28+ '<img src="https://images.unsplash.com/photo-1610751399547-46ad575447cf?auto=format&fit=crop&w=750&q=80" alt="" />' ;
2929 title . innerHTML = "Lorem ipsum dolor sit amet" ;
3030 excerpt . innerHTML =
3131 "Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore perferendis" ;
Original file line number Diff line number Diff line change 6868}
6969
7070.hero {
71- background-image : url ("https://images.unsplash.com/photo-1554744512-d6c603f27c54?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1& auto=format&fit=crop&w=1200&q=80" );
71+ background-image : url ("https://images.unsplash.com/photo-1554744512-d6c603f27c54?auto=format&fit=crop&w=1200&q=80" );
7272 background-repeat : no-repeat;
7373 background-size : cover;
7474 background-position : bottom center;
Original file line number Diff line number Diff line change @@ -35,22 +35,22 @@ <h1>Accessories</h1>
3535 < div class ="right-slide ">
3636 < div
3737 style ="
38- background-image: url('https://images.unsplash.com/photo-1567640157569-f93dc2275420?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1& auto=format&fit=crop&w=1350&q=80');
38+ background-image: url('https://images.unsplash.com/photo-1567640157569-f93dc2275420?auto=format&fit=crop&w=1350&q=80');
3939 "
4040 > </ div >
4141 < div
4242 style ="
43- background-image: url('https://images.unsplash.com/photo-1552996923-5063f7db50ee?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1& auto=format&fit=crop&w=1050&q=80');
43+ background-image: url('https://images.unsplash.com/photo-1552996923-5063f7db50ee?auto=format&fit=crop&w=1050&q=80');
4444 "
4545 > </ div >
4646 < div
4747 style ="
48- background-image: url('https://images.unsplash.com/photo-1559992490-51463933f67e?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D& auto=format&fit=crop&w=1350&q=80');
48+ background-image: url('https://images.unsplash.com/photo-1559992490-51463933f67e?auto=format&fit=crop&w=1350&q=80');
4949 "
5050 > </ div >
5151 < div
5252 style ="
53- background-image: url('https://images.unsplash.com/photo-1561076722-85adfb3195cb?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D& auto=format&fit=crop&w=1350&q=80');
53+ background-image: url('https://images.unsplash.com/photo-1561076722-85adfb3195cb?auto=format&fit=crop&w=1350&q=80');
5454 "
5555 > </ div >
5656 </ div >
Original file line number Diff line number Diff line change @@ -29,7 +29,7 @@ small {
2929.loveMe {
3030 height : 440px ;
3131 width : 300px ;
32- background : url ("https://images.unsplash.com/photo-1597540103960-2a6528f09ae9?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1& auto=format&fit=crop&w=321&q=80" )
32+ background : url ("https://images.unsplash.com/photo-1597540103960-2a6528f09ae9?auto=format&fit=crop&w=321&q=80" )
3333 no-repeat center center/cover;
3434 margin : auto;
3535 cursor : pointer;
Original file line number Diff line number Diff line change 1010 < div class ="carousel ">
1111 < div class ="image-container " id ="images ">
1212 < img
13- src ="https://images.unsplash.com/photo-1611072566310-7b7bfeca4582?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1& auto=format&fit=crop&w=752&q=80 "
13+ src ="https://images.unsplash.com/photo-1611072566310-7b7bfeca4582?auto=format&fit=crop&w=752&q=80 "
1414 alt ="first-image "
1515 />
1616 < img
17- src ="https://images.unsplash.com/photo-1611072488486-0cae417b73e4?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1& auto=format&fit=crop&w=752&q=80 "
17+ src ="https://images.unsplash.com/photo-1611072488486-0cae417b73e4?auto=format&fit=crop&w=752&q=80 "
1818 alt ="second-image "
1919 />
2020 < img
21- src ="https://images.unsplash.com/photo-1611072652569-bffa64d83763?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1& auto=format&fit=crop&w=752&q=80 "
21+ src ="https://images.unsplash.com/photo-1611072652569-bffa64d83763?auto=format&fit=crop&w=752&q=80 "
2222 alt ="third-image "
2323 />
2424 < img
25- src ="https://images.unsplash.com/photo-1611072652955-5705ec8f91eb?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1& auto=format&fit=crop&w=752&q=80 "
25+ src ="https://images.unsplash.com/photo-1611072652955-5705ec8f91eb?auto=format&fit=crop&w=752&q=80 "
2626 alt ="fourth-image "
2727 />
2828 </ div >
Original file line number Diff line number Diff line change 1515 < body >
1616 < div class ="phone ">
1717 < img
18- src ="https://images.unsplash.com/photo-1610652492500-ded49ceeb378?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1& auto=format&fit=crop&w=634&q=80 "
18+ src ="https://images.unsplash.com/photo-1610652492500-ded49ceeb378?auto=format&fit=crop&w=634&q=80 "
1919 alt ="home "
2020 class ="content show "
2121 />
2222 < img
23- src ="https://images.unsplash.com/photo-1611038917003-9227e16e0d9f?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1& auto=format&fit=crop&w=634&q=80 "
23+ src ="https://images.unsplash.com/photo-1611038917003-9227e16e0d9f?auto=format&fit=crop&w=634&q=80 "
2424 alt ="work "
2525 class ="content "
2626 />
2727 < img
28- src ="https://images.unsplash.com/photo-1611038916975-f6b3ded00212?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1& auto=format&fit=crop&w=554&q=80 "
28+ src ="https://images.unsplash.com/photo-1611038916975-f6b3ded00212?auto=format&fit=crop&w=554&q=80 "
2929 alt ="blog "
3030 class ="content "
3131 />
3232 < img
33- src ="https://images.unsplash.com/photo-1611038917094-02aea0f65649?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1& auto=format&fit=crop&w=634&q=80 "
33+ src ="https://images.unsplash.com/photo-1611038917094-02aea0f65649?auto=format&fit=crop&w=634&q=80 "
3434 alt ="about "
3535 class ="content "
3636 />
You can’t perform that action at this time.
0 commit comments