Code:
<!DOCTYPE html>
<html>
<head>
    <title>Welcome to Franchise India</title>
    //included al JS and CSS files
    <script type="text/javascript">
        Ext.application({
            name:'fro2013',
            launch:function(){
                Ext.create("Ext.tab.Panel",{
                    fullscreen:true,
                tabBarPosition:'top',
                    //tabBar:{layout:{pack:"center"}},
                    items:[ {
                               title:'Home',
                        iconCls: 'home',
                        iconMask: true,
                        scrollable:true,
                        styleHtmlContent:true,
                      
                        html:['    Text to be displayed
                        ]
                    },
                        {
                            title:'Register',
                            iconCls:'compose',
                            html:['Text to be displayed'
                ]
                        },
                        {
                            title:'conference',
                            iconCls:'team' ,
                            scrollable:true,
                            styleHtmlContent:true,
                            html:['Text to be displayed
                        ]
                        }   ,
                        {
                             title: 'download',
                            iconCls:'download' ,
                            xtype: 'panel',
                            styleHtmlContent : true,
                            html: ['<div><iframe style="width:100%;height:100%;" src="http://www.franchiseindia.net/pdf/fro2013_Brochure_hyderabad.pdf"></iframe></div>']
                        }]
                });
            }
        });
    </script>
</head>
<body>

</body>
</html>