├── toplist ├── image │ ├── app.png │ └── Thumbs.db ├── index.html └── style.css └── framework ├── css ├── portfolio.css └── main.css ├── portfolio.html └── test.html /toplist/image/app.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/khanx169/portfolio/master/toplist/image/app.png -------------------------------------------------------------------------------- /toplist/image/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/khanx169/portfolio/master/toplist/image/Thumbs.db -------------------------------------------------------------------------------- /toplist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Favourite App 6 | 7 | 8 |

MY FAVORITE APP

9 |
10 |
Image could not be uploaded
11 |
In ac ipsum quis turpis adipiscing commodo. Mauris fermentum quam in risus eleifend fringilla. Aliquam placerat, ipsum sit amet cursus rhoncus, augue mi tincidunt erat, et consequat velit massa a velit. Cras eleifend lectus nec diam ornare, eu placerat mi ultricies. Etiam tempor iaculis feugiat. Ut tincidunt tempus libero non convallis. Morbi consequat eros eget elit porta porta. Curabitur placerat eros dui, vitae lobortis sapien laoreet ac. Maecenas a lacus diam. Morbi ante lectus, ornare sed suscipit at, tempus elementum purus. Suspendisse sodales hendrerit pharetra. Integer odio risus, convallis eu egestas ac, venenatis nec leo.
12 |
13 | 14 | -------------------------------------------------------------------------------- /framework/css/portfolio.css: -------------------------------------------------------------------------------- 1 | *{ 2 | border: 1px solid red !important; 3 | } 4 | * { 5 | -webkit-box-sizing: border-box; 6 | -moz-box-sizing: border-box; 7 | -ms-box-sizing: border-box; 8 | box-sizing: border-box; 9 | } 10 | *{ 11 | font-family: 'Lato', sans-serif; 12 | } 13 | 14 | .grid { 15 | margin: 0 auto; 16 | max-width: 1200px; 17 | width: 100%; 18 | } 19 | 20 | .row { 21 | width: 100%; 22 | margin-bottom: 0px; 23 | display: flex; 24 | } 25 | 26 | .col-1 { 27 | width: 8.33%; 28 | } 29 | 30 | .col-2 { 31 | width: 16.66%; 32 | } 33 | 34 | .col-3 { 35 | width: 25%; 36 | } 37 | 38 | .col-4 { 39 | width: 33.33%; 40 | } 41 | 42 | .col-5 { 43 | width: 41.66%; 44 | } 45 | 46 | .col-6 { 47 | width: 50%; 48 | } 49 | 50 | .col-7 { 51 | width: 58.33%; 52 | } 53 | 54 | .col-8 { 55 | width: 66.66%; 56 | } 57 | 58 | .col-9 { 59 | width: 75%; 60 | } 61 | 62 | .col-10 { 63 | width: 83.33%; 64 | } 65 | 66 | .col-11 { 67 | width: 91.66%; 68 | } 69 | 70 | .col-12 { 71 | width: 100%; 72 | } -------------------------------------------------------------------------------- /toplist/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | outline: 1px solid red !important; 3 | } 4 | * { 5 | -webkit-box-sizing: border-box; 6 | -moz-box-sizing: border-box; 7 | -ms-box-sizing: border-box; 8 | box-sizing: border-box; 9 | } 10 | 11 | .app{ 12 | display: flex; 13 | } 14 | 15 | .title { 16 | font-style: normal; 17 | font-size: 55px; 18 | font-family: Helvetica; 19 | color: rgb(249, 247, 247); 20 | text-align: left; 21 | background-color: #33BEBE; 22 | max-width: 1100px; 23 | height: 70px; 24 | margin: 20px; 25 | border-width: 0px; 26 | border-color: rgb(0, 255, 197); 27 | border-style: solid; 28 | padding: 30px; 29 | box-sizing: content-box; 30 | } 31 | 32 | .screenshot { 33 | max-width: 460px; 34 | max-height: 460px; 35 | margin: 20px; 36 | border-width: 0px; 37 | border-color: rgb(249, 249, 244); 38 | border-style: hidden; 39 | padding: 0px; 40 | box-sizing: content-box; 41 | } 42 | 43 | .description { 44 | max-width: 705px; 45 | max-height: 705px; 46 | font-size: 25px; 47 | font-family: Helvetica; 48 | color: #7C8B88; 49 | margin: 20px; 50 | border-width: 0px; 51 | border-color: #feedbb; 52 | border-style: solid; 53 | padding: 0px; 54 | box-sizing: content-box; 55 | } -------------------------------------------------------------------------------- /framework/css/main.css: -------------------------------------------------------------------------------- 1 | *{ 2 | border: 1px solid red !important; 3 | } 4 | * { 5 | -webkit-box-sizing: border-box; 6 | -moz-box-sizing: border-box; 7 | -ms-box-sizing: border-box; 8 | box-sizing: border-box; 9 | } 10 | 11 | .grid { 12 | margin: 0 auto; 13 | max-width: 1200px; 14 | width: 100%; 15 | } 16 | 17 | .row { 18 | width: 100%; 19 | margin-bottom: 20px; 20 | display: flex; 21 | } 22 | 23 | .col-1 { 24 | width: 8.33%; 25 | } 26 | 27 | .col-2 { 28 | width: 16.66%; 29 | } 30 | 31 | .col-3 { 32 | width: 25%; 33 | } 34 | 35 | .col-4 { 36 | width: 33.33%; 37 | } 38 | 39 | .col-5 { 40 | width: 41.66%; 41 | } 42 | 43 | .col-6 { 44 | width: 50%; 45 | } 46 | 47 | .col-7 { 48 | width: 58.33%; 49 | } 50 | 51 | .col-8 { 52 | width: 66.66%; 53 | } 54 | 55 | .col-9 { 56 | width: 75%; 57 | } 58 | 59 | .col-10 { 60 | width: 83.33%; 61 | } 62 | 63 | .col-11 { 64 | width: 91.66%; 65 | } 66 | 67 | .col-12 { 68 | width: 100%; 69 | } 70 | 71 | .para1{ 72 | font-size: 25px; 73 | font-family: Helvetica; 74 | color: #7C8B88; 75 | margin: 20px; 76 | overflow: auto; 77 | } 78 | .para2{ 79 | font-size: 25px; 80 | font-family: Helvetica; 81 | color: #7C8B88; 82 | margin: 20px; 83 | overflow: auto; 84 | } 85 | .para3{ 86 | font-size: 25px; 87 | font-family: Helvetica; 88 | color: #7C8B88; 89 | margin: 20px; 90 | overflow: auto; 91 | } 92 | 93 | @media only screen and (max-width: 800px){ 94 | .para1 { 95 | color: blue; 96 | } 97 | } 98 | -------------------------------------------------------------------------------- /framework/portfolio.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Framework Test Page 6 | 7 | 8 | 9 | 10 |
11 |
12 |
13 | 14 |
15 |
16 |

JANE DOETTE

17 |

FRONT-END NINJA

18 |
19 |
20 | 21 |
22 |
23 | 24 |
25 |
26 | 27 |
28 |
29 |

FEATURED WORKS

30 |
31 |
32 |
33 |
34 |
35 |
36 | 37 |
38 |
39 | 40 |
41 |
42 | 43 |
44 |
45 | 46 |
47 |
48 | 49 |
50 |
51 |

APPIFY

52 |

https://github.com/udacity/Appify/

53 |
54 |
55 |

SUNFLOWER

56 |

https://github.com/udacity/Sunflower/

57 |
58 |
59 |

BOKEH

60 |

https://github.com/udacity/Bokeh/

61 |
62 |
63 |
64 | 65 | -------------------------------------------------------------------------------- /framework/test.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Framework Test Page 6 | 7 | 8 | 9 |
10 |
11 |
4 Columns

Bacon ipsum dolor sit amet pastrami ribeye sausage, sirloin short ribs pork belly strip steak tenderloin boudin. Landjaeger beef ham hock, doner bacon pork belly filet mignon tenderloin short loin beef ribs tongue. Bresaola salami short ribs venison, pastrami jerky landjaeger. Hamburger meatball cow pork loin ham. Sirloin tail venison jerky kevin. Turducken ribeye sirloin fatback tenderloin short loin. Boudin sirloin tail venison filet mignon rump leberkas landjaeger bacon shank beef ribs ground round. Tail boudin landjaeger rump, chuck shankle leberkas pork belly pork tongue brisket short ribs ground round. Strip steak jowl pork loin beef ribs, ribeye tail spare ribs rump

12 |
4 Columns

Bacon ipsum dolor sit amet pastrami ribeye sausage, sirloin short ribs pork belly strip steak tenderloin boudin. Landjaeger beef ham hock, doner bacon pork belly filet mignon tenderloin short loin beef ribs tongue. Bresaola salami short ribs venison, pastrami jerky landjaeger. Hamburger meatball cow pork loin ham. Sirloin tail venison jerky kevin. Turducken ribeye sirloin fatback tenderloin short loin. Boudin sirloin tail venison filet mignon rump leberkas landjaeger bacon shank beef ribs ground round. Tail boudin landjaeger rump, chuck shankle leberkas pork belly pork tongue brisket short ribs ground round. Strip steak jowl pork loin beef ribs, ribeye tail spare ribs rump

13 |
4 Columns

Bacon ipsum dolor sit amet pastrami ribeye sausage, sirloin short ribs pork belly strip steak tenderloin boudin. Landjaeger beef ham hock, doner bacon pork belly filet mignon tenderloin short loin beef ribs tongue. Bresaola salami short ribs venison, pastrami jerky landjaeger. Hamburger meatball cow pork loin ham. Sirloin tail venison jerky kevin. Turducken ribeye sirloin fatback tenderloin short loin. Boudin sirloin tail venison filet mignon rump leberkas landjaeger bacon shank beef ribs ground round. Tail boudin landjaeger rump, chuck shankle leberkas pork belly pork tongue brisket short ribs ground round. Strip steak jowl pork loin beef ribs, ribeye tail spare ribs rump

14 |
15 |
16 | 17 | --------------------------------------------------------------------------------