@@ -15,6 +15,7 @@ <h2 class="sidebar-title">UltraPixel</h2>
1515
1616 < ul >
1717 < li > < a href ="#paper-info " class ="nav-link "> < i class ="fas fa-file-alt "> </ i > Paper Information</ a > </ li >
18+ < li > < a href ="#compar " class ="nav-link "> < i class ="fas fa-paint-brush "> </ i > Text-to-Image </ a > </ li >
1819 < li > < a href ="#gallery " class ="nav-link "> < i class ="fas fa-paint-brush "> </ i > Text-to-Image </ a > </ li >
1920 < li > < a href ="#contact-us " class ="nav-link "> < i class ="fas fa-envelope "> </ i > Contact Us</ a > </ li >
2021 </ ul >
@@ -61,6 +62,51 @@ <h2>Gallery </h2>
6162 </ div >
6263 </ div >
6364 </ div >
65+ < div class ="gallery-item ">
66+ < div class ="image-comparison ">
67+ < img src ="gallery/015_before.jpeg " alt ="Before " class ="before-image ">
68+ < img src ="gallery/015_after.jpeg " alt ="After " class ="after-image ">
69+ < div class ="comparison-slider ">
70+ < div class ="slider-handle ">
71+ < div class ="slider-arrow "> ◀ ▶</ div >
72+ </ div >
73+ </ div >
74+ </ div >
75+ </ div >
76+ < div class ="gallery-item ">
77+ < div class ="image-comparison ">
78+ < img src ="gallery/019_before.jpeg " alt ="Before " class ="before-image ">
79+ < img src ="gallery/019_after.jpeg " alt ="After " class ="after-image ">
80+ < div class ="comparison-slider ">
81+ < div class ="slider-handle ">
82+ < div class ="slider-arrow "> ◀ ▶</ div >
83+ </ div >
84+ </ div >
85+ </ div >
86+ </ div >
87+ < div class ="gallery-item ">
88+ < div class ="image-comparison ">
89+ < img src ="gallery/205_before.jpeg " alt ="Before " class ="before-image ">
90+ < img src ="gallery/205_after.jpeg " alt ="After " class ="after-image ">
91+ < div class ="comparison-slider ">
92+ < div class ="slider-handle ">
93+ < div class ="slider-arrow "> ◀ ▶</ div >
94+ </ div >
95+ </ div >
96+ </ div >
97+ </ div >
98+ < div class ="gallery-item ">
99+ < div class ="image-comparison ">
100+ < img src ="gallery/209_before.jpeg " alt ="Before " class ="before-image ">
101+ < img src ="gallery/209_after.jpeg " alt ="After " class ="after-image ">
102+ < div class ="comparison-slider ">
103+ < div class ="slider-handle ">
104+ < div class ="slider-arrow "> ◀ ▶</ div >
105+ </ div >
106+ </ div >
107+ </ div >
108+ </ div >
109+ </ div >
64110 </ section >
65111
66112 <!-- Contact Section -->
0 commit comments