diff --git a/jsf/src/main/webapp/el_intro.xhtml b/jsf/src/main/webapp/el_intro.xhtml
new file mode 100644
index 0000000000..3b58d6288d
--- /dev/null
+++ b/jsf/src/main/webapp/el_intro.xhtml
@@ -0,0 +1,38 @@
+<?xml version='1.0' encoding='UTF-8' ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:h="http://java.sun.com/jsf/html"
+      xmlns:f="http://java.sun.com/jsf/core">
+    <h:head>
+        <title>Baeldung | The EL Intro</title>
+
+    </h:head>
+
+    <h:body>
+        <h:form id="elForm">
+
+            
+                <h:messages />
+                <h:panelGrid columns="2">
+                    <h:outputText value="First Name"/>
+                    <h:inputText id="firstName" binding="#{firstName}" required="true" value="#{ELBean.firstName}"/>
+                    <h:outputText value="Last Name"/>
+                    <h:inputText id="lastName" required="true" value="#{ELBean.lastName}"/>
+                    <h:outputText value="Save by value binding"/>
+                    <h:commandButton  value="Save"  action="#{ELBean.save}">
+                       
+                    </h:commandButton>
+                    <h:outputText value="Evaluate backing bean EL"/>
+                    <h:commandButton  value="Save" action="#{ELBean.saveByELEvaluation}">
+                          
+                    </h:commandButton>
+                    <h:outputText value="Save by passing value to method"/>
+                    <h:commandButton  value="Save" action="#{ELBean.saveFirstName(firstName.value.toString().concat('(passed)'))}"/>
+                    <h:outputText value="JavaScript (click after saving First Name)"/>
+                    <h:button  value="Alert" onclick="alert('Hello #{ELBean.firstName}')"/>
+                </h:panelGrid>
+            
+        </h:form>
+    </h:body>
+</html>
+
