File tree 6 files changed +51
-9
lines changed
6 files changed +51
-9
lines changed Original file line number Diff line number Diff line change 1
- <div style =" border : 15px solid ; border-image : url (' https://cdn.osxdaily.com/wp-content/uploads/2017/12/classic-mac-os-tile-wallpapers-7.png' ) 30 round ; padding : 3% 10% ;" >
2
-
3
1
# Challenges and Assignments<br >from a Python Bootcamp Student
4
2
3
+ Click to see the code in action 👉 [ LIVE DEMO] ( https://armincano.github.io/fullstack-python-web-dev/ ) 👀
4
+
5
5
## Module 02: Front-end 101
6
6
7
- <img src =" https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white " width =" 70 " alt =" html badge " >
7
+ ![ HTML Badge] ( https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white )
8
+ ![ CSS Badge] ( https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white )
9
+ ![ Bootstrap Badge] ( https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge&logo=bootstrap&logoColor=white )
8
10
9
- ### HTML elements
11
+ ### HTML
10
12
11
- - [ Adding HTML elements] ( /m2-front-end-101/s1-html-elements/index.html )
13
+ - [ Adding HTML elements] ( . /m2-front-end-101/s1-html-elements/index.html)
12
14
- [ CV] ( ./m2-front-end-101/s1-html-elements/cv.html )
13
15
- [ Biography webpage] ( ./m2-front-end-101/s1-html-elements/leonardo-da-vinci.html )
14
- - [ Book medical appointment] ( /m2-front-end-101/s1-html-elements/book-medical-appointment/form-reserva-hora-medica.html )
16
+ - [ Book medical appointment] ( ./m2-front-end-101/s1-html-elements/book-medical-appointment/form-reserva-hora-medica.html )
17
+ - [ Content sectioning semantics] ( ./m2-front-end-101/s2-html-semantics/index.html )
15
18
16
- ---
19
+ ### CSS Responsive Design & Mobile First
17
20
18
- ![ Matrix quote] ( https://readme-typing-svg.demolab.com?font=VT323&pause=1000&color=36BA01¢er=true&vCenter=true&random=false&width=435&lines=%22Never+send+a+human+to+do+a+machine's+job%22;%E2%80%93+Agent+Smith )
19
- <div >
21
+ - [ Cats gallery using flexbox and media queries] ( ./m2-front-end-101/s4-responsive-and-mobile-first/responsive-mobile-first-img-gallery/index.html )
Original file line number Diff line number Diff line change
1
+ theme : minima
Original file line number Diff line number Diff line change
1
+ ---
2
+ layout: nil
3
+ ---
4
+
5
+ <!DOCTYPE html>
6
+ < html lang ="en ">
7
+ < head >
8
+ < meta charset ="UTF-8 " />
9
+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 " />
10
+ < title > {{ page.title }}</ title >
11
+ < link rel ="stylesheet " href ="{{ '/assets/main.css' | relative_url }} ">
12
+ </ head >
13
+ < body >
14
+ < div
15
+ style ="
16
+ border: 25px solid;
17
+ border-image: url('https://cdn.osxdaily.com/wp-content/uploads/2017/12/classic-mac-os-tile-wallpapers-7.png')
18
+ 30 round;
19
+ padding: 3% 10%;
20
+ margin: 20px;
21
+ "
22
+ >
23
+ < main > {{ content }}</ main >
24
+ </ div >
25
+ </ body >
26
+ </ html >
Original file line number Diff line number Diff line change
1
+ body {
2
+ font-family : Helvetica, Arial, sans-serif;
3
+ }
4
+
5
+ main {
6
+ font-family : Helvetica, Arial, sans-serif;
7
+ }
Original file line number Diff line number Diff line change
1
+ ---
2
+ layout : default
3
+ markdown : kramdown
4
+ ---
5
+
6
+ {% include_relative README.md %}
You can’t perform that action at this time.
0 commit comments