How to make your website responsive and interactive

1. Presented by: Marwan Zouinkhi
1
http://getbootstrap.com/2.3.2/

2. 2
Marwan Zouinkhi
Software Engineering Student aISSATSo
co-founder ISSATSo Google Club
Manager a GDG Sousse
Member IEEE | co-founder IEEE ISSATSo SB
co-founder ISSATSo Java User Group
ZOUINKHI.MARWAN@GMAIL.COM
ZOUINKHI.MARWAN.TN@IEEE.ORG

3. As a WebDesigner,
What are your
Problems ???

4. Time wasting
Maintenance problem
Rewrite the same functions
...

5. Visualise
5

6. modern
interface

7. Responsive
Design

8. Any Solution ?

9. 9
3
Welcome to

10. is an abstraction in which software
providing generic functionality can be
selectively changed by additional user-
written code, thus providing application-
specific software.
Framework

11. - A Framework HTML, CSS & JavaScript
- Running on any server technology and server environment.
- With a dozen components, and JavaScript plugin
- His concept: Creating and quick maintenance of a website with
proper rendering and comprehensive interface

12. graphic
designers
For whom?
Integrators Developers

13. Of each particular thing, ask: “What is it, in and of
itself”
Hannibal Lecter

14. Let’s start
14

15. Integration bootstrapI
Head
Body

16. NavbarII

17. Navbar-MiniII*

18. One pageIII

19. BannerVI

20. Group boutonsV

21. QuoteVI

22. Image responsiveVII

23. GalleryIIX

24. GalleryIX

25. Division pageX

26. QAXI

27. That’s
ALL

28. 28
Design is not just
what it looks like
and feels like.
design is how it
works
Steve Jobs
“
” Thanks