Joomla! Template with Bootstrap 3 - Joomla!Day Spain 2013

•

6 recomendaciones•8,456 vistas

Workshop on Joomla! Template with Bootstrap version 3 and showing off pros and cons with current Joomla! version 3.1 compatibility.

Tecnología Viajes

Joomla! & Bootstrap 3
Building a Joomla! Template
with Bootstrap Version 3

Joomla!Day™ Spain 2013

Twitter: @saurabhshah

September 28th, 2013

I’m Saurabh
● 
● 

● 
● 

From Pune, India
Love Travel & Technology

Front-End Developer @ CloudAccess.net
Marketing, Social Media, Sales, Professional Services

● 

Joomlaholic
Joomla! Events Team Member
Joomla! Social Team Member
Joomla! User Group Member
Joomla! Day India Organizer

● 

Mozilla Representative (ReMo)

● 
● 
● 
● 

Joomla!Day™ Spain 2013

Twitter: @saurabhshah

September 28th, 2013

A Comprehensive, Ready-to-go
Joomla! Hosting Platform.
Point, Click, Go!

Joomla!Day™ Spain 2013

Twitter: @saurabhshah

September 28th, 2013

Over 8,500 Active Paying Clients
Schools

Small & Medium
Businesses

Enterprises

Nonproﬁts

Governments
Joomla!Day™ Spain 2013

Banks

Twitter: @saurabhshah

Hospitals

September 28th, 2013

Network

Joomla!

Backups

Hosting

Compliance

CloudMail

Joomla!Day™ Spain 2013

Training
Domains

3rd Party
Apps
Twitter: @saurabhshah

September 28th, 2013

Who has built a custom
Joomla! template before?

Joomla!Day™ Spain 2013

Twitter: @saurabhshah

September 28th, 2013

Today’s Agenda
1. 
2. 
3. 
4. 

Useful Tools
Files & Directories
Bootstrap
Step-by-step coding with a demo site

Joomla!Day™ Spain 2013

Twitter: @saurabhshah

September 28th, 2013

Useful Tools
• 
• 
• 
• 

Bootstrap V3 - http://getbootstrap.com/
Bootstrap V2.3.2 - http://getbootstrap.com/2.3.2/
Crunch - http://crunchapp.net/
Editor – Coda / Notepad++ / Sublime Text

Joomla!Day™ Spain 2013

Twitter: @saurabhshah

September 28th, 2013

Bootstrap V3

Joomla!Day™ Spain 2013

Twitter: @saurabhshah

September 28th, 2013

Step-by-step process of
building a Joomla! Template

Joomla!Day™ Spain 2013

Twitter: @saurabhshah

September 28th, 2013

Step 1
●  Create templatedetails.xml ﬁle – speciﬁes information
about the template, including where the system can
ﬁnd all the resources needed for the template.

Joomla!Day™ Spain 2013

Twitter: @saurabhshah

September 28th, 2013

Step 2
•  Create index.php ﬁle
•  The basic ﬁle that provides the logic and positioning for
the layout of the components and modules; your
fundamental template ﬁle.

Joomla!Day™ Spain 2013

Twitter: @saurabhshah

September 28th, 2013

Step 3
•  Thumbnail images, component.php ﬁle, favicon

Joomla!Day™ Spain 2013

Twitter: @saurabhshah

September 28th, 2013

Step 4
•  Create folder images, css, fonts, LESS and JS

Joomla!Day™ Spain 2013

Twitter: @saurabhshah

September 28th, 2013

Step 5
•  Language folder with description and ﬁles .ini, .sys.ini

Joomla!Day™ Spain 2013

Twitter: @saurabhshah

September 28th, 2013

Step 6
•  Zip the ﬁle and it is ready to install.

Joomla!Day™ Spain 2013

Twitter: @saurabhshah

September 28th, 2013

You’re ready to go !

Joomla!Day™ Spain 2013

Twitter: @saurabhshah

September 28th, 2013

Other useful sites
•  Tool to convert 2.x > 3.x Bootstrap code:
http://upgrade-bootstrap.bootply.com/
•  Bootstrap Upgrader:
http://code.divshot.com/bootstrap3_upgrader/
•  PlaceHolder – For creating Images as a placeholder:
http://placehold.it/960x300

Joomla!Day™ Spain 2013

Twitter: @saurabhshah

September 28th, 2013

Are you a ninja now?
Joomla!Day™ Spain 2013

Twitter: @saurabhshah

September 28th, 2013

Gracias
ध"यवाद
Thank you
Saurabh Shah
Twitter: @saurabhshah
Email: saurabh@cloudaccess.net
saurabh.ds16@gmail.com

Joomla!Day™ Spain 2013

Twitter: @saurabhshah

September 28th, 2013

Más contenido relacionado

Destacado

English 3 lm quarter 3

Kate Castaños

Joomla 3.4 Made Easy - A perfect start for Joomla! novices. Updated with the latest Joomla version. Click here to download: http://www.joomlashine.com/download/free-download-joomla-made-easy.html For more information from JoomlaShine, just: - Visit our website at: www.joomlashine.com - Like our fan pages on FB: http://www.facebook.com/joomlashine - Follow us on Twitter: http://twitter.com/joomlashine

Joomla 3.4 Made Easy

JoomlaShine

Joomla Explained - As Easy as 1, 2, 3

Rod Martin

Joomla 3.6 - The revolution in Joomla User Experience

JoomlaShine

English 3 lm quarter 3

Kate Castaños

Ap3 2nd pt calabarzon

Kate Castaños

English 3 lm quarter 4

Kate Castaños

2nd periodical test in mother tongue

Kate Castaños

Esp 3 2nd pt 2014 2015

Kate Castaños

English 3 lm quarter 3

Kate Castaños

English 3-lm-quarter-4

Kate Castaños

5. english teacher s guide grade 3 (2nd quarter)

Kate Castaños

Destacado (12)

English 3 lm quarter 3

Joomla 3.4 Made Easy

Joomla Explained - As Easy as 1, 2, 3

Joomla 3.6 - The revolution in Joomla User Experience

English 3 lm quarter 3

Ap3 2nd pt calabarzon

English 3 lm quarter 4

2nd periodical test in mother tongue

Esp 3 2nd pt 2014 2015

English 3 lm quarter 3

English 3-lm-quarter-4

5. english teacher s guide grade 3 (2nd quarter)

Similar a Joomla! Template with Bootstrap 3 - Joomla!Day Spain 2013

Create / Modification of templates for Joomla! At Joomla! Day Spain 2012

Saurabh Shah

JoomlaDay Brazil 2014 - How to Join The Joomla! Community

Saurabh Shah

Asia Startup Ecosystem launched in the hopes of centralizing resources, programs, and events for Asian entrepreneurs. Upon finding limited opportunities in the region, the company launched Asia’s first Digital Startup Accelerator to accelerate 100 startups to market per year.The inaugural program launched on January 23-24, 2017 with a 2-day startup development program, followed by a virtual demo day for 10 selected companies. Demo judges and speakers included angel investors, global accelerator leaders, and press. More info at www.asiastartupecosystem.com

2017 Asia Startup Ecosystem Winter Digital Accelerator

Christine Souffrant Ntim

How to Contribute in Joomla! Community - Joomla!Day Bangkok 2013

Saurabh Shah

E-Learning Workshop 2.0

compakia

Check out the slides

webhostingguy

Joomladayboston2014

Jessica Dunbar

Using tech to support your Graduate Associate position

Sam Taylor

Basics of Joomla!

Saurabh Shah

Jones portfolio

EmmanuelJones17

Codeigniter

baabtra.com - No. 1 supplier of quality freshers

(MAKAV).pptx

ABISHEKK20192023IT

Penetration Testing,Security,Network Security,Hacker (term),Hacker (computer Security),Computer Security (Industry),Learn Hacking Security,ecore,LHS,Pen Testing,Linux,Website Security,System Pen testing,BackTrack,Hacking, CMS,JOOMLA,Tools,Computer Hacking,kali linux,kali,Windows,web browser attack,Phishing,R3,SET,Social Engineering Toolkit,Tutorial,Facebook Hack,Apple HAck,Windows Hack,Browser Attack,Client side exploit

CMS Joomla

The eCore Group

JoomlaDay Madrid,Spain 2014 - Joomla! community - that rocks!

Saurabh Shah

Smwpoland day2 final -ws7

James Hutson

Personal learning networks

robin fay

Getting Involved with Joomla - Why and how to contribute

Parth Lawate

10 Web 2.0 Ideas to Keep Your Intranet Fresh

Daniel X. O'Neil

Africa Startup Ecosystem is the home of Africa startup ecosystem hosting digital events, boot camps, accelerators and startup expos for the region. It is a subsidiary of Global Startup Ecosystem, which provides digital programs for startup ecosystems in Africa, Asia, Caribbean, Middle East, Europe, and Latin America.he First Africa Startup Digital Accelerator: We accelerate 100 companies to market each year. Our 2-day online accelerator program targets African entrepreneurs from 54 countries on the continent and across the global diaspora.

2017 Africa Startup Ecosystem Winter Digital Accelerator

Christine Souffrant Ntim

21st century event promotion, by Snap Galway at OMiG June 2014 Meet Up

Online Marketing in Galway

Similar a Joomla! Template with Bootstrap 3 - Joomla!Day Spain 2013 (20)

Create / Modification of templates for Joomla! At Joomla! Day Spain 2012

JoomlaDay Brazil 2014 - How to Join The Joomla! Community

2017 Asia Startup Ecosystem Winter Digital Accelerator

How to Contribute in Joomla! Community - Joomla!Day Bangkok 2013

E-Learning Workshop 2.0

Check out the slides

Joomladayboston2014

Using tech to support your Graduate Associate position

Basics of Joomla!

Jones portfolio

Codeigniter

(MAKAV).pptx

CMS Joomla

JoomlaDay Madrid,Spain 2014 - Joomla! community - that rocks!

Smwpoland day2 final -ws7

Personal learning networks

Getting Involved with Joomla - Why and how to contribute

10 Web 2.0 Ideas to Keep Your Intranet Fresh

2017 Africa Startup Ecosystem Winter Digital Accelerator

21st century event promotion, by Snap Galway at OMiG June 2014 Meet Up

Último

Histor y of HAM Radio presentation slide

vu2urc

Abhishek Deb(1), Mr Abdul Kalam(2) M. Des (UX) , School of Design, DIT University , Dehradun. This paper explores the future potential of AI-enabled smartphone processors, aiming to investigate the advancements, capabilities, and implications of integrating artificial intelligence (AI) into smartphone technology. The research study goals consist of evaluating the development of AI in mobile phone processors, analyzing the existing state as well as abilities of AI-enabled cpus determining future patterns as well as chances together with reviewing obstacles as well as factors to consider for more growth.

Exploring the Future Potential of AI-Enabled Smartphone Processors

debabhi2

MySQL Webinar, presented on the 25th of April, 2024. Summary: MySQL solutions enable the deployment of diverse Database Architectures tailored to specific needs, including High Availability, Disaster Recovery, and Read Scale-Out. With MySQL Shell's AdminAPI, administrators can seamlessly set up, manage, and monitor these solutions, ensuring efficiency and ease of use in their administration. MySQL Router, on the other hand, provides transparent routing from the application traffic to the backend servers in the architectures, requiring minimal configuration. Completely built in-house and supported by Oracle, these solutions have been adopted by enterprises of all sizes for their business-critical applications. In this presentation, we'll delve into various database architecture solutions to help you choose the right one based on your business requirements. Focusing on technical details and the latest features to maximize the potential of these solutions.

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Miguel Araújo

A Domino Admins Adventures (Engage 2024)

Gabriella Davis

BooK Now Call us at +918448380779 to hire a gorgeous and seductive call girl for sex. Take a Delhi Escort Service. The help of our escort agency is mostly meant for men who want sexual Indian Escorts In Delhi NCR. It should be noted that any impersonator will get 100 attention from our Young Girls Escorts in Delhi. They will assume the position of reliable allies. VIP Call Girl With Original Photos Book Tonight +918448380779 Our Cheap Price 1 Hour not available 2 Hours 5000 Full Night 8000 TAG: Call Girls in Delhi, Noida, Gurgaon, Ghaziabad, Connaught Place, Greater Kailash Delhi, Lajpat Nagar Delhi, Mayur Vihar Delhi, Chanakyapuri Delhi, New Friends Colony Delhi, Majnu Ka Tilla, Karol Bagh, Malviya Nagar, Saket, Khan Market, Noida Sector 18, Noida Sector 76, Noida Sector 51, Gurgaon Mg Road, Iffco Chowk Gurgaon, Rajiv Chowk Gurgaon All Delhi Ncr Free Home Deliver

08448380779 Call Girls In Friends Colony Women Seeking Men

Delhi Call girls

Strategies for Landing an Oracle DBA Job as a Fresher

Remote DBA Services

Boost Fertility New Invention Ups Success Rates.pdf

sudhanshuwaghmare1

What are drone anti-jamming systems? The drone anti-jamming systems and anti-spoof technology protect against interference, jamming, and spoofing of the UAVs. To protect their security, countries are beginning to research drone anti-jamming systems, also known as drone strike weapons. The anti-jam and anti-spoof technology protects against interference, jamming and spoofing. A drone strike weapon is a drone attack weapon that can attack and destroy enemy drones. So what is so unique about this amazing system?

What Are The Drone Anti-jamming Systems Technology?

Antenna Manufacturer Coco

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

sammart93

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Martijn de Jong

In this session, we will delve into strategic approaches for optimizing knowledge management within Microsoft 365, amidst the evolving landscape of Copilot. From leveraging automatic metadata classification and permission governance with SharePoint Premium, to unlocking Viva Engage for the cultivation of knowledge and communities, you will gain actionable insights to bolster your organization's knowledge-sharing initiatives. In this session, we will also explore how to facilitate solutions to enable your employees to find answers and expertise within Microsoft 365. You will leave equipped with practical techniques and a deeper understanding of how there is more to effective knowledge management than just enabling Copilot, but building actual solutions to prepare the knowledge that Copilot and your employees can use.

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Drew Madelung

Automating Google Workspace (GWS) & more with Apps Script

wesley chun

The Raspberry Pi 5 was announced on October 2023. This new version of the popular embedded device comes with a new iteration of Broadcom’s VideoCore GPU platform, and was released with a fully open source driver stack, developed by Igalia. The presentation will discuss some of the major changes required to support this new Video Core iteration, the challenges we faced in the process and the solutions we provided in order to deliver conformant OpenGL ES and Vulkan drivers. The talk will also cover the next steps for the open source Raspberry Pi 5 graphics stack. (c) Embedded Open Source Summit 2024 April 16-18, 2024 Seattle, Washington (US) https://events.linuxfoundation.org/embedded-open-source-summit/ https://eoss24.sched.com/event/1aBEx

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

Igalia

In an era where artificial intelligence (AI) stands at the forefront of business innovation, Information Architecture (IA) is at the core of functionality. See “There’s No AI Without IA” – (from 2016 but even more relevant today) Understanding and leveraging how Information Architecture (IA) supports AI synergies between knowledge engineering and prompt engineering is critical for senior leaders looking to successfully deploy AI for internal and externally facing knowledge processes. This webinar be a high-level overview of the methodologies that can elevate AI-driven knowledge processes supporting both employees and customers. Core Insights Include: Strategic Knowledge Engineering: Delve into how structuring AI's knowledge base is required to prevent hallucinations, enable contextual retrieval of accurate information. This will include discussion of gold standard libraries of use cases support testing various LLMs and structures and configurations of knowledge base. Precision in Prompt Engineering: Learn the art of crafting prompts that direct AI to deliver targeted, relevant responses, thereby optimizing customer experiences and business outcomes. Unified Approach for Enhanced AI Performance: Explore the intersection of knowledge and prompt engineering to develop AI systems that are not only more responsive but also aligned with overarching business strategies. Guiding Principles for Implementation: Equip yourself with best practices, ethical guidelines, and strategic considerations for embedding these technologies into your business ecosystem effectively. This webinar is designed to empower business and technology leaders with the knowledge to harness the full potential of AI, ensuring their organizations not only keep pace with digital transformation but lead the charge. Join us to map a roadmap to fully leverage Information Architecture (IA) and AI chart a course towards a future where AI is a key pillar of strategic innovation and business success.

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx

Earley Information Science

08448380779 Call Girls In Diplomatic Enclave Women Seeking Men

Delhi Call girls

Building Digital Trust in a Digital Economy Veronica Tan, Director - Cyber Security Agency of Singapore Apidays Singapore 2024: Connecting Customers, Business and Technology (April 17 & 18, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

apidays

Tech Trends Report 2024 Future Today Institute.pdf

hans926745

🐬 The future of MySQL is Postgres 🐘

RTylerCroy

CNv6 Instructor Chapter 6 Quality of Service

giselly40

As privacy and data protection regulations evolve rapidly, organizations operating in multiple jurisdictions face mounting challenges to ensure compliance and safeguard customer data. With state-specific privacy laws coming up in multiple states this year, it is essential to understand what their unique data protection regulations will require clearly. How will data privacy evolve in the US in 2024? How to stay compliant? Our panellists will guide you through the intricacies of these states' specific data privacy laws, clarifying complex legal frameworks and compliance requirements. This webinar will review: - The essential aspects of each state's privacy landscape and the latest updates - Common compliance challenges faced by organizations operating in multiple states and best practices to achieve regulatory adherence - Valuable insights into potential changes to existing regulations and prepare your organization for the evolving landscape

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc

Joomla! Template with Bootstrap 3 - Joomla!Day Spain 2013

1. Joomla! & Bootstrap 3 Building a Joomla! Template with Bootstrap Version 3 Joomla!Day™ Spain 2013 Twitter: @saurabhshah September 28th, 2013

2. I’m Saurabh ●  ●  ●  ●  From Pune, India Love Travel & Technology Front-End Developer @ CloudAccess.net Marketing, Social Media, Sales, Professional Services ●  Joomlaholic Joomla! Events Team Member Joomla! Social Team Member Joomla! User Group Member Joomla! Day India Organizer ●  Mozilla Representative (ReMo) ●  ●  ●  ●  Joomla!Day™ Spain 2013 Twitter: @saurabhshah September 28th, 2013

3. A Comprehensive, Ready-to-go Joomla! Hosting Platform. Point, Click, Go! Joomla!Day™ Spain 2013 Twitter: @saurabhshah September 28th, 2013

4. Over 8,500 Active Paying Clients Schools Small & Medium Businesses Enterprises Nonproﬁts Governments Joomla!Day™ Spain 2013 Banks Twitter: @saurabhshah Hospitals September 28th, 2013

5. Network Joomla! Backups Hosting Compliance CloudMail Joomla!Day™ Spain 2013 Training Domains 3rd Party Apps Twitter: @saurabhshah September 28th, 2013

6. Who has built a custom Joomla! template before? Joomla!Day™ Spain 2013 Twitter: @saurabhshah September 28th, 2013

7. Today’s Agenda 1.  2.  3.  4.  Useful Tools Files & Directories Bootstrap Step-by-step coding with a demo site Joomla!Day™ Spain 2013 Twitter: @saurabhshah September 28th, 2013

8. Useful Tools •  •  •  •  Bootstrap V3 - http://getbootstrap.com/ Bootstrap V2.3.2 - http://getbootstrap.com/2.3.2/ Crunch - http://crunchapp.net/ Editor – Coda / Notepad++ / Sublime Text Joomla!Day™ Spain 2013 Twitter: @saurabhshah September 28th, 2013

9. Bootstrap V3 Joomla!Day™ Spain 2013 Twitter: @saurabhshah September 28th, 2013

10. Step-by-step process of building a Joomla! Template Joomla!Day™ Spain 2013 Twitter: @saurabhshah September 28th, 2013

11. Step 1 ●  Create templatedetails.xml file – specifies information about the template, including where the system can find all the resources needed for the template. Joomla!Day™ Spain 2013 Twitter: @saurabhshah September 28th, 2013

12. Step 2 •  Create index.php file •  The basic file that provides the logic and positioning for the layout of the components and modules; your fundamental template file. Joomla!Day™ Spain 2013 Twitter: @saurabhshah September 28th, 2013

13. Step 3 •  Thumbnail images, component.php ﬁle, favicon Joomla!Day™ Spain 2013 Twitter: @saurabhshah September 28th, 2013

14. Step 4 •  Create folder images, css, fonts, LESS and JS Joomla!Day™ Spain 2013 Twitter: @saurabhshah September 28th, 2013

15. Step 5 •  Language folder with description and ﬁles .ini, .sys.ini Joomla!Day™ Spain 2013 Twitter: @saurabhshah September 28th, 2013

16. Step 6 •  Zip the ﬁle and it is ready to install. Joomla!Day™ Spain 2013 Twitter: @saurabhshah September 28th, 2013

17. You’re ready to go ! Joomla!Day™ Spain 2013 Twitter: @saurabhshah September 28th, 2013

18. Other useful sites •  Tool to convert 2.x > 3.x Bootstrap code: http://upgrade-bootstrap.bootply.com/ •  Bootstrap Upgrader: http://code.divshot.com/bootstrap3_upgrader/ •  PlaceHolder – For creating Images as a placeholder: http://placehold.it/960x300 Joomla!Day™ Spain 2013 Twitter: @saurabhshah September 28th, 2013

19. Are you a ninja now? Joomla!Day™ Spain 2013 Twitter: @saurabhshah September 28th, 2013

20. Gracias ध"यवाद Thank you Saurabh Shah Twitter: @saurabhshah Email: saurabh@cloudaccess.net saurabh.ds16@gmail.com Joomla!Day™ Spain 2013 Twitter: @saurabhshah September 28th, 2013

Joomla! Template with Bootstrap 3 - Joomla!Day Spain 2013

Recomendados

Recomendados

Más contenido relacionado

Destacado

Destacado (12)

Similar a Joomla! Template with Bootstrap 3 - Joomla!Day Spain 2013

Similar a Joomla! Template with Bootstrap 3 - Joomla!Day Spain 2013 (20)

Último

Último (20)

Joomla! Template with Bootstrap 3 - Joomla!Day Spain 2013