Welcome to Girl Develop It
Demo:
GDI's HTML Presentation Slides
Based on Reveal.js
Intro
- Reveal.js is a framework for easily creating beautiful, animated HTML slide presentations.
- The following slides illustrate how to present GDI content with reveal.js.
- Copy code snippets from this demo file as needed to create GDI HTML slides.
Heading h1
Heading h2
Heading h3
Heading h4
Basic text style
Marvelous Unordered List
- No order here
- Or here
- Or here
Fantastic Ordered List
- One is smaller than...
- Two is smaller than...
- Three!
Revealing Content
Content
More content...
Even more content...
And we're done
CAVEAT: Use this feature sparingly
Images
Remember to give credit.
Photo credit: Dayne Topkin (Unsplash)Image and Text
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cumque quas
quidem animi, architecto blanditiis...
To reverse order,
simply switch the code snippets.
Add a background Image
Add Background Colors to Slides
See GDI Brand Colors
Animated Images/GIFs
Embed Video
The next slide shows adding video as a background.
Tables for Tabular Data
| Data type | Example values |
|---|---|
| Integers | 2 44 -3 |
| Floats | 3.14 4.5 -2.0 |
| Booleans | True False |
| Strings | '¡hola!' 'its python time!' |
Slides with Code: Python
Click the icon in the upper right of the code box to copy the code.
def add_numbers_between(start, end):
sum = 0
for n in range(start, end):
sum += n
return n
add_numbers_between(5, 10)
Slides with Code: HTML
Hello World.
Slides with Code: CSS
body {
background-color: #ffffff;
}
Slides with Code: JavaScript
function helloWorld(){
let name = 'GDI';
alert("Hi, " + name)
}
Editable Slides with Code
Try editing the code!
function helloWorld(){
let name = 'GDI';
alert("Hi, " + name);
}