req

Requirement:
Make a web program call “Text Replace”
 let the user enter text first.
Make a button to let user download output as word file.
Make a button to let user download output as a PDF file.
Make a button to let the user download output data as a jpeg image file.
Make a button to let the user download the inputted data as a word file.
all download buttons must be working. 
Make a button to let the user Reset data. A CSS pop up Asking user before reset data.
I need very beautiful, cool, modern CSS. Code must support github code, make css and html code inside one file.
Website must support desktop and mobile UI, interactive ui.
make code as simple as possible
You must generate and give me entire code
This web program lets user replace text and you must output one by one on each line automatically, output data inside the webpage, do not output data using html pop up.
treat uppercase and lowercase letters as the same
Follow table below 



orginal text	 replace with
A	A > Button Alpha
B	B > Button Alpha
C	C > Button Alpha
D	D > Button Alpha
E	E > exp
F	F > Shift 7 > 5 ➡️ 2
G	G Shift 7 > 8 ➡️ 3
H	H Shift 7 > 1 ➡️ 2
I	I > 數字1
J	J > 數字 10:
K	K > Shift 7 > 6 ➡️ 1
l	L > 數字1
M	M > Button Alpha
N	N > Shift 7 > 1 ➡️ 3
O	O > 數字 0
P	P > Shift NPr button
Q	Q > 數字 17:
R	R > Shift 7 > 6 ➡️ 3
S	S > 數字 5
T	T > Shift 7 9 ➡️ 2
U	U > Shift 7 4 ➡️ 1
V	V > 數字 22:
W	W > 數字 23:
X	X  > Button Alpha
Y	Y  > Button Alpha
Z	Z > 數字 26:
	
























































______
For example,  if user enters AAB,
the output should be like this with 3 different lines:

Thank you for using our program, there are a total of 3 lines output. 
A > Button Alpha
A > Button Alpha
B > Button Alpha