 |
21 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
--------------------------------------------------------------------------------
/mar-4-2022/css/style.css:
--------------------------------------------------------------------------------
1 | * {
2 | margin: 0;
3 | padding: 0;
4 | -webkit-box-sizing: border-box;
5 | box-sizing: border-box;
6 | }
7 |
8 | .sumi {
9 | width: 300px;
10 | height: 100px;
11 | background: cornflowerblue;
12 | margin: 20px;
13 | }
14 |
15 | .tania {
16 | width: 200px;
17 | height: 200px;
18 | background: limegreen;
19 | margin: 20px;
20 | }
21 |
22 | .moriom {
23 | width: 300px;
24 | height: 300px;
25 | background: hotpink;
26 | margin: 20px;
27 | }
28 |
29 | .bd {
30 | width: 300px;
31 | height: 300px;
32 | background: red;
33 | margin: 20px;
34 | display: -webkit-box;
35 | display: -ms-flexbox;
36 | display: flex;
37 | }
38 |
39 | .bd > .dhk {
40 | width: 200px;
41 | height: 200px;
42 | background: green;
43 | margin: 20px;
44 | display: -webkit-box;
45 | display: -ms-flexbox;
46 | display: flex;
47 | margin: auto;
48 | }
49 |
50 | .bd > .dhk > .dhan {
51 | width: 100px;
52 | height: 100px;
53 | background: blue;
54 | margin: 20px;
55 | margin: auto;
56 | }
57 | /*# sourceMappingURL=style.css.map */
--------------------------------------------------------------------------------
/jan-07-2022/index.html:
--------------------------------------------------------------------------------
1 | Ami vaat khai 2 | 3 |
Joy Bangla
4 |Joy Bangla
5 |Joy Bangla
6 |Joy Bangla
7 |Joy Bangla
8 |Joy Bangla
9 | 10 |11 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, sequi dolores! Deleniti sequi veniam eaque est excepturi facere. Nisi, aperiam quisquam omnis adipisci fugiat ab magni voluptatem rerum ea, tenetur eum, ut reprehenderit quas molestias nulla voluptates sed. Corrupti sequi dolor soluta provident pariatur tempore vero optio nesciunt sit saepe necessitatibus, quaerat veniam maiores omnis! Dolores facilis laboriosam doloremque magnam libero eum delectus sunt inventore, ex sapiente ipsa quae, asperiores ea reiciendis illo labore! Eveniet illo optio laborum quo omnis ab suscipit ea dolor repudiandae explicabo, eos totam sed, laudantium dolores modi consequatur repellat possimus ex temporibus, inventore impedit quidem. 12 |
13 | 14 | Bangladesh15 | India
16 | U.S.A
17 |
18 | 19 | This is a demo text 20 | -------------------------------------------------------------------------------- /feb-18-2022/before-after/css/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | .sumi { 8 | color: red; 9 | font-size: 28px; 10 | text-transform: uppercase; 11 | letter-spacing: 5px; 12 | text-shadow: 2px 2px 4px black; 13 | } 14 | 15 | .sumi::after { 16 | content: " girl"; 17 | } 18 | 19 | .sumi::before { 20 | content: "Ms. "; 21 | } 22 | 23 | .mehedi { 24 | width: 480px; 25 | height: 480px; 26 | background: url("../images/mehedi.jpg"); 27 | position: relative; 28 | overflow: hidden; 29 | } 30 | 31 | .mehedi::before { 32 | content: ""; 33 | width: 240px; 34 | height: 480px; 35 | background: url("../images/priyanka.jpg"); 36 | position: absolute; 37 | top: 0; 38 | left: -240px; 39 | transition: 0.5s; 40 | } 41 | 42 | .mehedi::after { 43 | content: ""; 44 | width: 240px; 45 | height: 480px; 46 | background: url("../images/dipika.jpg"); 47 | position: absolute; 48 | top: 0; 49 | right: -240px; 50 | transition: 0.5s; 51 | } 52 | 53 | .mehedi:hover::before { 54 | left: 0px; 55 | } 56 | 57 | .mehedi:hover::after { 58 | right: 0px; 59 | } 60 | -------------------------------------------------------------------------------- /jan-30-2022/css/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | .dhaka { 8 | width: 300px; 9 | height: 200px; 10 | background: gray; 11 | display: block; 12 | margin: auto; 13 | margin-bottom: 20px; 14 | } 15 | 16 | .rajshahi { 17 | width: 300px; 18 | height: 200px; 19 | background: gray; 20 | display: block; 21 | margin: auto; 22 | display: flex; 23 | } 24 | 25 | .d1 { 26 | width: 100%; 27 | height: 33%; 28 | background: black; 29 | } 30 | 31 | .d2 { 32 | width: 100%; 33 | height: 34%; 34 | background: red; 35 | } 36 | 37 | .d3 { 38 | width: 100%; 39 | height: 33%; 40 | background: yellow; 41 | } 42 | 43 | .r1 { 44 | width: 33%; 45 | height: 100%; 46 | background: black; 47 | } 48 | .r2 { 49 | width: 34%; 50 | height: 100%; 51 | background: yellow; 52 | } 53 | .r3 { 54 | width: 33%; 55 | height: 100%; 56 | background: red; 57 | } 58 | 59 | .ctg { 60 | width: 300px; 61 | height: 200px; 62 | background: green; 63 | margin: auto; 64 | margin-top: 20px; 65 | display: flex; 66 | } 67 | 68 | .bandarban { 69 | width: 140px; 70 | height: 140px; 71 | background: red; 72 | margin: auto; 73 | border-radius: 50%; 74 | } 75 | -------------------------------------------------------------------------------- /feb-20-2022/css/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | .main { 8 | width: 100%; 9 | height: 100vh; 10 | display: flex; 11 | } 12 | 13 | .sumi { 14 | margin: auto; 15 | border: 1px solid #000; 16 | border-radius: 50%; 17 | background: radial-gradient(yellow, black); 18 | animation: roksana 5s infinite; 19 | } 20 | 21 | @keyframes roksana { 22 | 0% { 23 | width: 150px; 24 | height: 150px; 25 | transform: translateX(-150px); 26 | box-shadow: 0 0 5px orangered, 0 0 20px #000 inset; 27 | } 28 | 25% { 29 | width: 250px; 30 | height: 250px; 31 | transform: translateX(0px); 32 | box-shadow: 0 0 5px orangered, 0 0 20px #000 inset; 33 | } 34 | 50% { 35 | width: 150px; 36 | height: 150px; 37 | transform: translateX(150px); 38 | box-shadow: 0 0 30px orangered, 0 0 20px #000 inset; 39 | } 40 | 75% { 41 | width: 250px; 42 | height: 250px; 43 | transform: translateX(0px); 44 | box-shadow: 0 0 30px orangered, 0 0 20px #000 inset; 45 | } 46 | 100% { 47 | width: 150px; 48 | height: 150px; 49 | transform: translateX(-150px); 50 | box-shadow: 0 0 5px orangered, 0 0 20px #000 inset; 51 | } 52 | } 53 | -------------------------------------------------------------------------------- /mar-6-2022/css/style.scss: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | .menubar { 8 | list-style: none; 9 | width: 750px; 10 | display: flex; 11 | margin: auto; 12 | background: #000; 13 | text-align: center; 14 | > li { 15 | width: 100%; 16 | > a { 17 | text-decoration: none; 18 | line-height: 50px; 19 | font-size: 22px; 20 | color: #fff; 21 | display: block; 22 | } 23 | &:hover { 24 | background: blue; 25 | } 26 | } 27 | } 28 | 29 | .sumi { 30 | width: 750px; 31 | margin: auto; 32 | background: #ccc; 33 | display: flex; 34 | flex-wrap: wrap; 35 | margin-top: 20px; 36 | .rumi { 37 | width: 75%; 38 | height: 100px; 39 | background: orange; 40 | } 41 | .omi { 42 | width: 25%; 43 | height: 100px; 44 | background: cornflowerblue; 45 | } 46 | .fahad { 47 | width: 100%; 48 | height: 100px; 49 | background: limegreen; 50 | } 51 | } 52 | 53 | .mehedi { 54 | width: 750px; 55 | margin: auto; 56 | margin-top: 20px; 57 | height: 200px; 58 | display: grid; 59 | grid-template-columns: 2fr 1fr; 60 | grid-gap: 10px; 61 | > .sadia { 62 | background: red; 63 | } 64 | > .unknownGirl { 65 | background: blue; 66 | } 67 | } 68 | -------------------------------------------------------------------------------- /mar-6-2022/css/style.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,AAAA,CAAC,CAAC;EACA,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,UAAU;CACvB;;AAED,AAAA,QAAQ,CAAC;EACP,UAAU,EAAE,IAAI;EAChB,KAAK,EAAE,KAAK;EACZ,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,IAAI;EACZ,UAAU,EAAE,IAAI;EAChB,UAAU,EAAE,MAAM;CAcnB;;AApBD,AAOE,QAPM,GAOJ,EAAE,CAAC;EACH,KAAK,EAAE,IAAI;CAWZ;;AAnBH,AASI,QATI,GAOJ,EAAE,GAEA,CAAC,CAAC;EACF,eAAe,EAAE,IAAI;EACrB,WAAW,EAAE,IAAI;EACjB,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,KAAK;CACf;;AAfL,AAgBI,QAhBI,GAOJ,EAAE,AASD,MAAM,CAAC;EACN,UAAU,EAAE,IAAI;CACjB;;AAIL,AAAA,KAAK,CAAC;EACJ,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,IAAI;EACZ,UAAU,EAAE,IAAI;EAChB,OAAO,EAAE,IAAI;EACb,SAAS,EAAE,IAAI;EACf,UAAU,EAAE,IAAI;CAgBjB;;AAtBD,AAOE,KAPG,CAOH,KAAK,CAAC;EACJ,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,KAAK;EACb,UAAU,EAAE,MAAM;CACnB;;AAXH,AAYE,KAZG,CAYH,IAAI,CAAC;EACH,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,KAAK;EACb,UAAU,EAAE,cAAc;CAC3B;;AAhBH,AAiBE,KAjBG,CAiBH,MAAM,CAAC;EACL,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,KAAK;EACb,UAAU,EAAE,SAAS;CACtB;;AAGH,AAAA,OAAO,CAAC;EACN,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,IAAI;EACZ,UAAU,EAAE,IAAI;EAChB,MAAM,EAAE,KAAK;EACb,OAAO,EAAE,IAAI;EACb,qBAAqB,EAAE,OAAO;EAC9B,QAAQ,EAAE,IAAI;CAOf;;AAdD,AAQE,OARK,GAQH,MAAM,CAAC;EACP,UAAU,EAAE,GAAG;CAChB;;AAVH,AAWE,OAXK,GAWH,YAAY,CAAC;EACb,UAAU,EAAE,IAAI;CACjB", 4 | "sources": [ 5 | "style.scss" 6 | ], 7 | "names": [], 8 | "file": "style.css" 9 | } -------------------------------------------------------------------------------- /feb-4-2022/css/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | .main { 8 | width: 100%; 9 | height: 100vh; 10 | background: hotpink; 11 | display: flex; 12 | /* 13 | justify-content: center; 14 | justify-content: flex-start; 15 | justify-content: start; 16 | justify-content: end; 17 | justify-content: flex-end; 18 | align-items: flex-end; 19 | align-items: start; 20 | align-items: end; 21 | align-items: center; 22 | align-items: flex-start; 23 | justify-content: space-between; 24 | justify-content: space-around; 25 | justify-content: space-evenly; 26 | */ 27 | justify-content: space-evenly; 28 | align-items: center; 29 | flex-wrap: wrap; 30 | /* flex-direction: row-reverse; 31 | flex-direction: row; 32 | flex-direction: column-reverse; 33 | flex-direction: column; */ 34 | } 35 | 36 | .pain, 37 | .rain { 38 | width: 30%; 39 | height: 25%; 40 | background: blue; 41 | font-size: 36px; 42 | display: flex; 43 | justify-content: center; 44 | align-items: center; 45 | color: white; 46 | transition: 0.5s; 47 | /* margin: auto; */ 48 | } 49 | 50 | /* .rain { 51 | width: 30%; 52 | height: 25%; 53 | background: orangered; 54 | margin: auto; 55 | } */ 56 | 57 | .pain:hover, 58 | .rain:hover { 59 | background: darkblue; 60 | cursor: pointer; 61 | border-radius: 6px; 62 | box-shadow: 0 0 10px black; 63 | } 64 | -------------------------------------------------------------------------------- /MyResume/forms/contact.php: -------------------------------------------------------------------------------- 1 | ajax = true; 20 | 21 | $contact->to = $receiving_email_address; 22 | $contact->from_name = $_POST['name']; 23 | $contact->from_email = $_POST['email']; 24 | $contact->subject = $_POST['subject']; 25 | 26 | // Uncomment below code if you want to use SMTP to send emails. You need to enter your correct SMTP credentials 27 | /* 28 | $contact->smtp = array( 29 | 'host' => 'example.com', 30 | 'username' => 'example', 31 | 'password' => 'pass', 32 | 'port' => '587' 33 | ); 34 | */ 35 | 36 | $contact->add_message( $_POST['name'], 'From'); 37 | $contact->add_message( $_POST['email'], 'Email'); 38 | $contact->add_message( $_POST['message'], 'Message', 10); 39 | 40 | echo $contact->send(); 41 | ?> 42 | -------------------------------------------------------------------------------- /feb-13-2022/cw2/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |
12 | Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quos architecto 13 | sint facilis. Labore, molestiae iure quia aliquid deleniti alias 14 | voluptatibus dolore illo corporis autem laborum? Nemo expedita, soluta, 15 | accusamus laborum aperiam, animi quo numquam molestiae reiciendis corrupti 16 | eum hic magnam? Iure praesentium mollitia pariatur, unde architecto, non 17 | velit, officia iusto ut optio sint facere similique placeat soluta cum aut 18 | facilis. 19 |
20 |
21 | Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora beatae
22 | nihil laudantium error nisi omnis? Quis ipsa consectetur ipsum ducimus,
23 | dolorem praesentium reiciendis numquam quidem soluta nemo illum provident
24 | possimus aut fugiat dolores? Quibusdam nihil rem mollitia incidunt quia
25 | officiis optio quo eos laborum! Repellendus vero quam odit quo dolore
26 | illo, vel delectus temporibus voluptatibus! Sequi minima aut perferendis
27 | quidem?
28 |
29 |
30 |
31 |
--------------------------------------------------------------------------------
/jan-09-2022/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Asif Abir
11 |12 | Lorem ipsum dolor sit, amet consectetur adipisicing elit. Amet reprehenderit earum repellat dolorum at provident minima sint officia! Ad amet beatae quidem iste alias quae dolores ea eius eaque repellat, dolor est quo iure aspernatur similique laboriosam saepe ab hic provident a ullam numquam voluptates! Nostrum modi, praesentium earum aperiam quibusdam tenetur unde suscipit et libero inventore accusamus architecto minus! 13 |
14 |15 |
16 |
17 | 
18 |
19 | 
20 | 
21 | 
22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /jan-14-2022/table.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 1 | 13 |Ami | 14 |Amra | 15 |
| 2 | 18 |Tumi | 19 |Tomra | 20 |
| S.N. | 27 |Name | 28 |Age | 29 |
| 1 | 32 |Badam 1 | 33 |24 | 34 |
| 2 | 37 |Badam 2 | 38 |25 | 39 |
| 3 | 42 |Badam 3 | 43 |26 | 44 |
| 4 | 47 |Badam 4 | 48 |27 | 49 |
| 5 | 52 |Badam 5 | 53 |28 | 54 |
12 |
53 |
54 |
55 |
--------------------------------------------------------------------------------
/feb-18-2022/media-query/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
13 |
22 | Tania Akter
14 |15 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos beatae 16 | maiores praesentium officia accusamus sunt dolor explicabo labore 17 | recusandae nemo voluptates, voluptate tempore quae rerum laborum 18 | distinctio veritatis ratione eveniet reiciendis ex sed ullam itaque 19 |
20 | 21 |
23 |
32 | Mehedi Hasan
24 |25 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos beatae 26 | maiores praesentium officia accusamus sunt dolor explicabo labore 27 | recusandae nemo voluptates, voluptate tempore quae rerum laborum 28 | distinctio veritatis ratione eveniet reiciendis ex sed ullam itaque 29 |
30 | 31 |
33 |
42 | Sumi Sultana
34 |35 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos beatae 36 | maiores praesentium officia accusamus sunt dolor explicabo labore 37 | recusandae nemo voluptates, voluptate tempore quae rerum laborum 38 | distinctio veritatis ratione eveniet reiciendis ex sed ullam itaque 39 |
40 | 41 |
43 |
52 | Arlin Farzana
44 |45 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos beatae 46 | maiores praesentium officia accusamus sunt dolor explicabo labore 47 | recusandae nemo voluptates, voluptate tempore quae rerum laborum 48 | distinctio veritatis ratione eveniet reiciendis ex sed ullam itaque 49 |
50 | 51 |
12 |
45 |
46 |
47 |
--------------------------------------------------------------------------------
/feb-11-2022/css/style.css:
--------------------------------------------------------------------------------
1 | * {
2 | margin: 0;
3 | padding: 0;
4 | box-sizing: border-box;
5 | }
6 |
7 | .conatiner {
8 | width: 100%;
9 | height: 100vh;
10 | display: grid;
11 | grid-gap: 20px;
12 | grid-template-columns: repeat(2, 1fr);
13 | padding: 20px;
14 | }
15 |
16 | .conatiner > div:first-child,
17 | .conatiner > div:nth-child(3) {
18 | background: url("../images/128183804_1091475617955530_8992740007166421827_n.jpg");
19 | background-size: 220px 100%;
20 | background-repeat: no-repeat;
21 | background-position: right;
22 | padding: 20px;
23 | }
24 | .conatiner > div:nth-child(3) {
25 | background: url("../images/245178076_919217122282289_5192821190502810915_n.jpg");
26 | background-size: 220px;
27 | background-repeat: no-repeat;
28 | background-position: right;
29 | }
30 | .conatiner > div:first-child > p,
31 | .conatiner > div:nth-child(3) > p {
32 | width: calc(100% - 220px);
33 | font-size: 18px;
34 | padding-top: 10px;
35 | padding-bottom: 20px;
36 | text-align: right;
37 | }
38 |
39 | .conatiner > div:first-child > h1,
40 | .conatiner > div:nth-child(3) > h1 {
41 | text-align: right;
42 | padding-right: 220px;
43 | }
44 |
45 | .conatiner > div:first-child > button,
46 | .conatiner > div:nth-child(3) > button {
47 | display: block;
48 | margin-left: auto;
49 | margin-right: 220px;
50 | }
51 |
52 | .btn {
53 | padding: 10px 20px;
54 | }
55 |
56 | .conatiner > div:nth-child(2),
57 | .conatiner > div:nth-child(4) {
58 | background: url("../images/243178494_2693013524336247_8209770172557114240_n.jpg");
59 | background-size: 220px 100%;
60 | background-repeat: no-repeat;
61 | background-position: left;
62 | padding: 20px;
63 | }
64 |
65 | .conatiner > div:nth-child(4) {
66 | background: url("../images/271137380_1142509159828529_9110497480404707464_n.jpg");
67 | background-size: 220px 100%;
68 | background-repeat: no-repeat;
69 | }
70 |
71 | .conatiner > div:nth-child(2) > p,
72 | .conatiner > div:nth-child(4) > p {
73 | width: calc(100% - 220px);
74 | font-size: 18px;
75 | padding-top: 10px;
76 | padding-bottom: 20px;
77 | text-align: left;
78 | display: block;
79 | margin-left: auto;
80 | }
81 |
82 | .conatiner > div:nth-child(2) > h1,
83 | .conatiner > div:nth-child(4) > h1 {
84 | padding-left: 220px;
85 | }
86 |
87 | .conatiner > div:nth-child(2) > button,
88 | .conatiner > div:nth-child(4) > button {
89 | display: block;
90 | margin-left: 220px;
91 | }
92 |
--------------------------------------------------------------------------------
/MyResume/changelog.txt:
--------------------------------------------------------------------------------
1 | Version: 4.7.0
2 | - Updated Bootstrap to version 5.1.3
3 | - Updated all outdated third party vendor libraries to their latest versions
4 |
5 | Version: 4.6.0
6 | - Updated Bootstrap to version 5.1.2
7 | - Updated all outdated third party vendor libraries to their latest versions
8 |
9 | Version: 4.5.0
10 | - Fixed slider issue in testimonials and portfolio details sections
11 |
12 | Version: 4.4.0
13 | - Updated Bootstrap to version 5.1.1
14 | - Updated all outdated third party vendor libraries to their latest versions
15 | - Improved and updated dev version gulp scripts
16 |
17 | Version: 4.3.0
18 | - Updated Bootstrap to version 5.0.1
19 | - Updated all outdated third party vendor libraries to their latest versions
20 | - Fixed navigation links focus color
21 |
22 | Version: 4.2.0
23 | - Updated Bootstrap to version 5.0.0 Final
24 | - Updated all outdated third party vendor libraries to their latest versions
25 |
26 | Version: 4.1.0
27 | - Updated Bootstrap to version 5.0.0-beta3
28 | - Updated all outdated third party vendor libraries to their latest versions
29 | - Updated the PHP Email Form to V3.1
30 |
31 | Version: 4.0.1
32 | - Updated Bootstrap to version 5.0.0-beta2
33 | - Updated all outdated third party vendor libraries to their latest versions
34 |
35 | Version: 4.0.0
36 | - The template does not require jQuery anymore
37 | - Removed jQuery and all the jQuery plugins
38 | - The assets/js/main.js was rewritten completely with vanilla Javascript. No more jQuery code
39 | - Restructured the dev version for better development experience
40 | - Updated the PHP Email Form to V3.0 - No jQuery dependency. Added attachment support
41 |
42 | Version: 3.0.0
43 | - Initial release with Bootstrap v5.0 Beta 1
44 |
45 | Version: 2.2.0
46 | - Updated Bootstrap to version 4.5.3
47 | - Updated all outdated third party vendor libraries to their latest versions
48 | - Updated the PHP Email Form to v2.3
49 | - Other small fixes and improvements
50 |
51 | Version: 2.1.0
52 | - Updated the PHP Email Form library to version 2.0 with reCaptcha support
53 | - Added smooth scroll on page load with hash links in the url
54 | - Updated all outdated third party vendor libraries to their latest versions
55 |
56 | Version: 2.0.0
57 | - The template was rebuilt from scratch with the latest Bootstrap version (4.5.0)
58 | - Added SMPTP support for the contact form script (Pro)
59 | - Added NodeJS NPM Development version (Pro unlimited & Membership members)
60 |
61 | Version: 1.0.0
62 | - Initial Release
63 |
--------------------------------------------------------------------------------
/jan-16-2022/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
13 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora
14 | repudiandae nostrum dicta aliquam eum qui, animi praesentium cupiditate
15 | dolores sunt voluptate, id quam, corporis rerum dignissimos. Explicabo
16 | eaque quis ratione dolorum odit id quia consequuntur fugiat velit
17 | voluptatibus magnam, tempora, libero quas optio itaque nisi, magni atque
18 | at! Magnam, error?
19 |
20 |
21 | Tempore impedit aut eaque ab. Quisquam unde nesciunt, ipsam obcaecati
22 | assumenda voluptate a quis. Ipsum aliquid ducimus ipsa aspernatur
23 | cupiditate enim iusto voluptates, animi atque voluptas aperiam officia!
24 | Architecto fugiat et eaque, nobis eligendi ab sed porro impedit dolores?
25 | Vitae ducimus laudantium quae at rerum repellat, soluta velit voluptatum
26 | temporibus?
27 |
28 |
29 | Ab ipsam amet iusto placeat velit eveniet repudiandae sint est
30 | necessitatibus, nostrum, assumenda ullam veniam vitae quos! Incidunt
31 | alias rerum sit in. Possimus recusandae eligendi itaque, cupiditate
32 | voluptas dicta distinctio repellendus voluptatem eveniet consequatur,
33 | hic incidunt quos voluptate sunt at? Eligendi sequi voluptate distinctio
34 | iste. Voluptatibus qui sit ipsa officiis!
35 |
36 |
37 | Placeat corporis blanditiis aspernatur sed sunt cumque vel voluptatibus
38 | similique ratione odit nobis adipisci, deserunt hic a. Animi dolorem non
39 | voluptatum sapiente reiciendis quaerat nesciunt ipsam tempore iure
40 | cumque vitae tenetur placeat sint voluptas earum totam repudiandae
41 | magnam numquam, saepe, eligendi eius aperiam? Dicta labore, accusamus
42 | excepturi nemo voluptatem ullam.
43 |
44 | -
19 |
- Barishal 20 |
- Noakhali 21 |
- Cumilla 22 |
- Chadpur 23 |
-
26 |
- Bhammonbaria 27 |
- Chitagong 28 |
- Gazipur 29 |
- Dhaka 30 |
-
33 |
- Bangladesh 34 |
- India 35 |
- Pakistan 36 |
- Afganistan 37 |
-
40 |
- Kamal 41 |
- Jamal 42 |
- Tomal 43 |
- Akmal 44 |
- Mal 45 |
-
48 |
- Mars 49 |
- Jupiter 50 |
- Saturn 51 |
- Venus 52 |
-
55 |
- Mars 56 |
- Jupiter 57 |
- Saturn 58 |
- Venus 59 |
-
62 |
- Mars 63 |
- Jupiter 64 |
- Saturn 65 |
- Venus 66 |
-
69 |
- Mars 70 |
- Jupiter 71 |
- Saturn 72 |
- Venus 73 |
15 | 
27 | 
33 | My Project
52 |
53 |
54 | 
55 |
56 |
57 | 
58 |
59 |
60 | 
61 |
62 |
63 |
55 |
58 |
61 | Your Comment
67 | 81 |This is a demo text
24 |This is subheading
25 |
34 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. Explicabo, alias
35 | magnam quae ratione nam a praesentium expedita sed tempora perferendis,
36 | rerum harum ducimus laboriosam id magni maxime fuga, labore dicta.
37 |
38 |
39 | 40 | Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sit cumque 41 | quidem molestias omnis animi veritatis, adipisci praesentium optio 42 | corrupti, qui ad maiores fugiat magni eos atque porro rem minima quia 43 | reprehenderit id, impedit error deleniti! Accusantium, porro! Facilis esse 44 | commodi illum voluptatibus illo et dolorem, quidem mollitia quasi fugiat, 45 | velit dolore nihil ipsam aperiam. Quam molestiae unde architecto placeat! 46 | Sapiente labore officia laborum voluptate excepturi, architecto suscipit 47 | cupiditate cum ducimus fugit tempora, cumque error, nesciunt atque! Ex 48 | ratione consequuntur rerum praesentium nesciunt dolore veritatis a quis 49 | est, eos assumenda ipsam voluptatem officia laboriosam maxime explicabo 50 | quaerat, corporis facere adipisci fugit asperiores? Eveniet harum illo 51 | necessitatibus laborum. Cum, repellendus ipsum! Tenetur dignissimos fugiat 52 | voluptas dicta quod eveniet in natus numquam velit? 53 |
54 | 55 |56 | Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quia inventore 57 | tempora cum maxime nulla velit ducimus ullam fugiat soluta quos labore eum 58 | libero, ut architecto corporis voluptatibus provident natus? Aut nulla 59 | commodi vel, maiores doloremque molestias, laborum tempora ratione 60 | nesciunt, veritatis laudantium amet. Dolorem dolor, reiciendis nam nemo 61 | inventore impedit! Lorem ipsum dolor sit, amet consectetur adipisicing 62 | elit. Quia inventore tempora cum maxime nulla velit ducimus ullam fugiat 63 | soluta quos labore eum libero, ut architecto corporis voluptatibus 64 | provident natus? Aut nulla commodi vel, maiores doloremque molestias, 65 | laborum tempora ratione nesciunt, veritatis laudantium amet. Dolorem 66 | dolor, reiciendis nam nemo inventore impedit! 67 |
68 | 69 | 70 | -------------------------------------------------------------------------------- /mar-13-2022/css/style.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,OAAO,CAAC,gGAAI;AACZ,AAAA,CAAC,CAAC;EACA,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,UAAU;EACtB,WAAW,EAAE,QAAQ;CACtB;;AAED,AAAA,UAAU,CAAC;EACT,KAAK,EAAE,MAAM;EACb,MAAM,EAAE,IAAI;CACb;;AAED,AAAA,OAAO,CAAC;EACN,WAAW,EAAE,IAAI;EACjB,OAAO,EAAE,IAAI;EACb,qBAAqB,EAAE,OAAO;CAqC/B;;AAxCD,AAIE,OAJK,CAIL,KAAK,CAAC;EACJ,MAAM,EAAE,IAAI;CACb;;AANH,AAQI,OARG,CAOL,GAAG,CACD,OAAO,CAAC;EACN,OAAO,EAAE,IAAI;EACb,SAAS,EAAE,IAAI;EACf,eAAe,EAAE,GAAG;CA2BrB;;AAtCL,AAYM,OAZC,CAOL,GAAG,CACD,OAAO,CAIL,EAAE,CAAC;EACD,UAAU,EAAE,IAAI;EAChB,OAAO,EAAE,MAAM;CAuBhB;;AArCP,AAeQ,OAfD,CAOL,GAAG,CACD,OAAO,CAIL,EAAE,CAGA,CAAC,CAAC;EACA,eAAe,EAAE,IAAI;EACrB,OAAO,EAAE,KAAK;EACd,KAAK,EAAE,IAAI;EACX,WAAW,EAAE,IAAI;EACjB,QAAQ,EAAE,QAAQ;CAgBnB;;AApCT,AAqBU,OArBH,CAOL,GAAG,CACD,OAAO,CAIL,EAAE,CAGA,CAAC,AAME,QAAQ,CAAC;EACR,OAAO,EAAE,EAAE;EACX,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,GAAG;EACX,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,IAAI;EACZ,IAAI,EAAE,CAAC;EACP,OAAO,EAAE,IAAI;CACd;;AA9BX,AAgCY,OAhCL,CAOL,GAAG,CACD,OAAO,CAIL,EAAE,CAGA,CAAC,AAgBE,MAAM,AACJ,QAAQ,CAAC;EACR,OAAO,EAAE,KAAK;CACf;;AAQb,AAAA,OAAO,CAAC;EACN,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,cAAc;EACtB,UAAU,EAAE,IAAI;CAIjB;;AAPD,AAIE,OAJK,CAIL,GAAG,CAAC;EACF,KAAK,EAAE,IAAI;CACZ;;AAGH,AAAA,gBAAgB,CAAC;EACf,UAAU,EAAE,IAAI;EAChB,OAAO,EAAE,IAAI;EACb,qBAAqB,EAAE,OAAO;EAC9B,QAAQ,EAAE,IAAI;CA+Bf;;AAnCD,AAMI,gBANY,CAKd,MAAM,CACJ,GAAG,CAAC;EACF,KAAK,EAAE,IAAI;CACZ;;AARL,AAUE,gBAVc,CAUd,KAAK,CAAC;EACJ,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,MAAM;EACvB,cAAc,EAAE,MAAM;CAqBvB;;AAlCH,AAcI,gBAdY,CAUd,KAAK,CAIH,EAAE,CAAC;EACD,eAAe,EAAE,SAAS;CAC3B;;AAhBL,AAiBI,gBAjBY,CAUd,KAAK,CAOH,OAAO,CAAC;EACN,MAAM,EAAE,MAAM;CACf;;AAnBL,AAoBI,gBApBY,CAUd,KAAK,CAUH,MAAM,CAAC;EACL,OAAO,EAAE,SAAS;EAClB,KAAK,EAAE,WAAW;EAClB,cAAc,EAAE,GAAG;EACnB,YAAY,EAAE,CAAC;EACf,MAAM,EAAE,OAAO;EACf,UAAU,EAAE,IAAI;EAChB,KAAK,EAAE,IAAI;EACX,aAAa,EAAE,IAAI;CAKpB;;AAjCL,AA6BM,gBA7BU,CAUd,KAAK,CAUH,MAAM,AASH,MAAM,CAAC;EACN,UAAU,EAAE,IAAI;EAChB,KAAK,EAAE,IAAI;CACZ;;AAKP,AACE,SADO,CACP,EAAE,CAAC;EACD,UAAU,EAAE,MAAM;EAClB,SAAS,EAAE,IAAI;EACf,OAAO,EAAE,MAAM;CAChB;;AALH,AAME,SANO,CAMP,GAAG,CAAC;EACF,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,IAAI;EACb,qBAAqB,EAAE,cAAc;EACrC,QAAQ,EAAE,IAAI;CAMf;;AAhBH,AAYM,SAZG,CAMP,GAAG,CAKD,MAAM,CACJ,GAAG,CAAC;EACF,KAAK,EAAE,IAAI;CACZ;;AAKP,AACE,QADM,CACN,EAAE,CAAC;EACD,UAAU,EAAE,MAAM;EAClB,SAAS,EAAE,IAAI;EACf,OAAO,EAAE,MAAM;CAChB;;AALH,AAOE,QAPM,CAON,IAAI,CAAC;EACH,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,IAAI;EACZ,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,cAAc;EACtB,aAAa,EAAE,GAAG;CA0BnB;;AAtCH,AAaI,QAbI,CAON,IAAI,CAMF,KAAK,CAAA,AAAA,IAAC,CAAK,MAAM,AAAX;AAbV,QAAQ,CAON,IAAI,CAOF,QAAQ,CAAC;EACP,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,GAAG;EACZ,aAAa,EAAE,IAAI;EACnB,YAAY,EAAE,CAAC;EACf,aAAa,EAAE,cAAc;CAI9B;;AAvBL,AAoBM,QApBE,CAON,IAAI,CAMF,KAAK,CAAA,AAAA,IAAC,CAAK,MAAM,AAAX,CAOH,MAAM;AApBb,QAAQ,CAON,IAAI,CAOF,QAAQ,AAML,MAAM,CAAC;EACN,OAAO,EAAE,IAAI;CACd;;AAtBP,AAwBI,QAxBI,CAON,IAAI,CAiBF,KAAK,CAAA,AAAA,IAAC,CAAK,QAAQ,AAAb,EAAe;EACnB,OAAO,EAAE,QAAQ;EACjB,SAAS,EAAE,IAAI;EACf,cAAc,EAAE,GAAG;EACnB,MAAM,EAAE,OAAO;EACf,YAAY,EAAE,CAAC;EACf,UAAU,EAAE,IAAI;EAChB,KAAK,EAAE,IAAI;EACX,aAAa,EAAE,IAAI;CAKpB;;AArCL,AAiCM,QAjCE,CAON,IAAI,CAiBF,KAAK,CAAA,AAAA,IAAC,CAAK,QAAQ,AAAb,CASH,MAAM,CAAC;EACN,UAAU,EAAE,IAAI;EAChB,KAAK,EAAE,IAAI;CACZ;;AAKP,AAAA,MAAM,CAAC;EACL,UAAU,EAAE,MAAM;EAClB,cAAc,EAAE,SAAS;EACzB,UAAU,EAAE,IAAI;EAChB,KAAK,EAAE,IAAI;EACX,SAAS,EAAE,IAAI;EACf,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,IAAI;CACjB", 4 | "sources": [ 5 | "style.scss" 6 | ], 7 | "names": [], 8 | "file": "style.css" 9 | } -------------------------------------------------------------------------------- /mar-13-2022/css/style.scss: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap"); 2 | * { 3 | margin: 0; 4 | padding: 0; 5 | box-sizing: border-box; 6 | font-family: "Oswald"; 7 | } 8 | 9 | .container { 10 | width: 1020px; 11 | margin: auto; 12 | } 13 | 14 | #topbar { 15 | padding-top: 20px; 16 | display: grid; 17 | grid-template-columns: 1fr 3fr; 18 | #logo { 19 | height: 80px; 20 | } 21 | nav { 22 | #navbar { 23 | display: flex; 24 | flex-wrap: wrap; 25 | justify-content: end; 26 | li { 27 | list-style: none; 28 | padding: 0 20px; 29 | a { 30 | text-decoration: none; 31 | display: block; 32 | color: #000; 33 | line-height: 80px; 34 | position: relative; 35 | &::before { 36 | content: ""; 37 | width: 100%; 38 | height: 5px; 39 | background: #000; 40 | position: absolute; 41 | bottom: 20px; 42 | left: 0; 43 | display: none; 44 | } 45 | &:hover { 46 | &::before { 47 | display: block; 48 | } 49 | } 50 | } 51 | } 52 | } 53 | } 54 | } 55 | 56 | #banner { 57 | padding: 10px; 58 | border: 1px solid #000; 59 | margin-top: 20px; 60 | img { 61 | width: 100%; 62 | } 63 | } 64 | 65 | #personalDeatils { 66 | margin-top: 20px; 67 | display: grid; 68 | grid-template-columns: 1fr 2fr; 69 | grid-gap: 20px; 70 | figure { 71 | img { 72 | width: 100%; 73 | } 74 | } 75 | aside { 76 | display: flex; 77 | justify-content: center; 78 | flex-direction: column; 79 | h2 { 80 | text-decoration: underline; 81 | } 82 | article { 83 | margin: 16px 0; 84 | } 85 | button { 86 | padding: 10px 24px; 87 | width: max-content; 88 | letter-spacing: 1px; 89 | border-width: 0; 90 | cursor: pointer; 91 | background: #000; 92 | color: #fff; 93 | border-radius: 20px; 94 | &:hover { 95 | background: #fff; 96 | color: #000; 97 | } 98 | } 99 | } 100 | } 101 | 102 | #projects { 103 | h2 { 104 | text-align: center; 105 | font-size: 72px; 106 | padding: 40px 0; 107 | } 108 | div { 109 | width: 100%; 110 | display: grid; 111 | grid-template-columns: repeat(3, 1fr); 112 | grid-gap: 20px; 113 | figure { 114 | img { 115 | width: 100%; 116 | } 117 | } 118 | } 119 | } 120 | 121 | #contact { 122 | h2 { 123 | text-align: center; 124 | font-size: 72px; 125 | padding: 40px 0; 126 | } 127 | 128 | form { 129 | width: 600px; 130 | margin: auto; 131 | padding: 20px; 132 | border: 1px solid #ccc; 133 | border-radius: 8px; 134 | input[type="text"], 135 | textarea { 136 | width: 100%; 137 | padding: 8px; 138 | margin-bottom: 20px; 139 | border-width: 0; 140 | border-bottom: 1px solid #ccc; 141 | &:focus { 142 | outline: none; 143 | } 144 | } 145 | input[type="submit"] { 146 | padding: 8px 24px; 147 | font-size: 24px; 148 | letter-spacing: 3px; 149 | cursor: pointer; 150 | border-width: 0; 151 | background: #000; 152 | color: #fff; 153 | border-radius: 24px; 154 | &:hover { 155 | background: #fff; 156 | color: #000; 157 | } 158 | } 159 | } 160 | } 161 | 162 | footer { 163 | text-align: center; 164 | text-transform: uppercase; 165 | background: #000; 166 | color: #fff; 167 | font-size: 24px; 168 | padding: 32px; 169 | margin-top: 48px; 170 | } 171 | -------------------------------------------------------------------------------- /mar-13-2022/css/style.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap"); 2 | * { 3 | margin: 0; 4 | padding: 0; 5 | -webkit-box-sizing: border-box; 6 | box-sizing: border-box; 7 | font-family: "Oswald"; 8 | } 9 | 10 | .container { 11 | width: 1020px; 12 | margin: auto; 13 | } 14 | 15 | #topbar { 16 | padding-top: 20px; 17 | display: -ms-grid; 18 | display: grid; 19 | -ms-grid-columns: 1fr 3fr; 20 | grid-template-columns: 1fr 3fr; 21 | } 22 | 23 | #topbar #logo { 24 | height: 80px; 25 | } 26 | 27 | #topbar nav #navbar { 28 | display: -webkit-box; 29 | display: -ms-flexbox; 30 | display: flex; 31 | -ms-flex-wrap: wrap; 32 | flex-wrap: wrap; 33 | -webkit-box-pack: end; 34 | -ms-flex-pack: end; 35 | justify-content: end; 36 | } 37 | 38 | #topbar nav #navbar li { 39 | list-style: none; 40 | padding: 0 20px; 41 | } 42 | 43 | #topbar nav #navbar li a { 44 | text-decoration: none; 45 | display: block; 46 | color: #000; 47 | line-height: 80px; 48 | position: relative; 49 | } 50 | 51 | #topbar nav #navbar li a::before { 52 | content: ""; 53 | width: 100%; 54 | height: 5px; 55 | background: #000; 56 | position: absolute; 57 | bottom: 20px; 58 | left: 0; 59 | display: none; 60 | } 61 | 62 | #topbar nav #navbar li a:hover::before { 63 | display: block; 64 | } 65 | 66 | #banner { 67 | padding: 10px; 68 | border: 1px solid #000; 69 | margin-top: 20px; 70 | } 71 | 72 | #banner img { 73 | width: 100%; 74 | } 75 | 76 | #personalDeatils { 77 | margin-top: 20px; 78 | display: -ms-grid; 79 | display: grid; 80 | -ms-grid-columns: 1fr 2fr; 81 | grid-template-columns: 1fr 2fr; 82 | grid-gap: 20px; 83 | } 84 | 85 | #personalDeatils figure img { 86 | width: 100%; 87 | } 88 | 89 | #personalDeatils aside { 90 | display: -webkit-box; 91 | display: -ms-flexbox; 92 | display: flex; 93 | -webkit-box-pack: center; 94 | -ms-flex-pack: center; 95 | justify-content: center; 96 | -webkit-box-orient: vertical; 97 | -webkit-box-direction: normal; 98 | -ms-flex-direction: column; 99 | flex-direction: column; 100 | } 101 | 102 | #personalDeatils aside h2 { 103 | text-decoration: underline; 104 | } 105 | 106 | #personalDeatils aside article { 107 | margin: 16px 0; 108 | } 109 | 110 | #personalDeatils aside button { 111 | padding: 10px 24px; 112 | width: -webkit-max-content; 113 | width: -moz-max-content; 114 | width: max-content; 115 | letter-spacing: 1px; 116 | border-width: 0; 117 | cursor: pointer; 118 | background: #000; 119 | color: #fff; 120 | border-radius: 20px; 121 | } 122 | 123 | #personalDeatils aside button:hover { 124 | background: #fff; 125 | color: #000; 126 | } 127 | 128 | #projects h2 { 129 | text-align: center; 130 | font-size: 72px; 131 | padding: 40px 0; 132 | } 133 | 134 | #projects div { 135 | width: 100%; 136 | display: -ms-grid; 137 | display: grid; 138 | -ms-grid-columns: (1fr)[3]; 139 | grid-template-columns: repeat(3, 1fr); 140 | grid-gap: 20px; 141 | } 142 | 143 | #projects div figure img { 144 | width: 100%; 145 | } 146 | 147 | #contact h2 { 148 | text-align: center; 149 | font-size: 72px; 150 | padding: 40px 0; 151 | } 152 | 153 | #contact form { 154 | width: 600px; 155 | margin: auto; 156 | padding: 20px; 157 | border: 1px solid #ccc; 158 | border-radius: 8px; 159 | } 160 | 161 | #contact form input[type="text"], 162 | #contact form textarea { 163 | width: 100%; 164 | padding: 8px; 165 | margin-bottom: 20px; 166 | border-width: 0; 167 | border-bottom: 1px solid #ccc; 168 | } 169 | 170 | #contact form input[type="text"]:focus, 171 | #contact form textarea:focus { 172 | outline: none; 173 | } 174 | 175 | #contact form input[type="submit"] { 176 | padding: 8px 24px; 177 | font-size: 24px; 178 | letter-spacing: 3px; 179 | cursor: pointer; 180 | border-width: 0; 181 | background: #000; 182 | color: #fff; 183 | border-radius: 24px; 184 | } 185 | 186 | #contact form input[type="submit"]:hover { 187 | background: #fff; 188 | color: #000; 189 | } 190 | 191 | footer { 192 | text-align: center; 193 | text-transform: uppercase; 194 | background: #000; 195 | color: #fff; 196 | font-size: 24px; 197 | padding: 32px; 198 | margin-top: 48px; 199 | } 200 | /*# sourceMappingURL=style.css.map */ -------------------------------------------------------------------------------- /MyResume/assets/vendor/purecounter/purecounter.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * purecounter.js - A simple yet configurable native javascript counter which you can count on. 3 | * Author: Stig Rex 4 | * Version: 1.1.4 5 | * Url: https://github.com/srexi/purecounterjs 6 | * License: MIT 7 | */!function(){"use strict";function e(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function t(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function r(e,t){for(var r=0;r
54 |
103 |
55 |
102 |
56 |
82 |
83 |
57 |
81 |
58 |
79 |
80 |
59 | 
63 |
64 |
65 |
63 |
66 | 
70 |
71 |
72 |
70 |
73 | 
77 |
78 |
77 |
84 |
101 |
85 |
96 | Project information
86 |-
87 |
- Category: Web design 88 |
- Client: ASU Company 89 |
- Project date: 01 March, 2020 90 |
- 91 | Project URL: 92 | www.example.com 93 | 94 |
97 |
100 | This is an example of portfolio detail
98 |The best IT expert in the universe!
99 |
17 |
115 |
120 |
121 |
122 |
--------------------------------------------------------------------------------
/MyResume/assets/vendor/bootstrap/css/bootstrap-reboot.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap Reboot v5.1.3 (https://getbootstrap.com/)
3 | * Copyright 2011-2021 The Bootstrap Authors
4 | * Copyright 2011-2021 Twitter, Inc.
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
6 | * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
7 | */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}
8 | /*# sourceMappingURL=bootstrap-reboot.min.css.map */
--------------------------------------------------------------------------------
/MyResume/assets/vendor/bootstrap/css/bootstrap-reboot.rtl.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap Reboot v5.1.3 (https://getbootstrap.com/)
3 | * Copyright 2011-2021 The Bootstrap Authors
4 | * Copyright 2011-2021 Twitter, Inc.
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
6 | * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
7 | */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-right:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-right:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:right}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:right;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:right}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}[type=email],[type=number],[type=tel],[type=url]{direction:ltr}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}
8 | /*# sourceMappingURL=bootstrap-reboot.rtl.min.css.map */
--------------------------------------------------------------------------------
/MyResume/assets/js/main.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Template Name: MyResume - v4.7.0
3 | * Template URL: https://bootstrapmade.com/free-html-bootstrap-template-my-resume/
4 | * Author: BootstrapMade.com
5 | * License: https://bootstrapmade.com/license/
6 | */
7 | (function() {
8 | "use strict";
9 |
10 | /**
11 | * Easy selector helper function
12 | */
13 | const select = (el, all = false) => {
14 | el = el.trim()
15 | if (all) {
16 | return [...document.querySelectorAll(el)]
17 | } else {
18 | return document.querySelector(el)
19 | }
20 | }
21 |
22 | /**
23 | * Easy event listener function
24 | */
25 | const on = (type, el, listener, all = false) => {
26 | let selectEl = select(el, all)
27 | if (selectEl) {
28 | if (all) {
29 | selectEl.forEach(e => e.addEventListener(type, listener))
30 | } else {
31 | selectEl.addEventListener(type, listener)
32 | }
33 | }
34 | }
35 |
36 | /**
37 | * Easy on scroll event listener
38 | */
39 | const onscroll = (el, listener) => {
40 | el.addEventListener('scroll', listener)
41 | }
42 |
43 | /**
44 | * Navbar links active state on scroll
45 | */
46 | let navbarlinks = select('#navbar .scrollto', true)
47 | const navbarlinksActive = () => {
48 | let position = window.scrollY + 200
49 | navbarlinks.forEach(navbarlink => {
50 | if (!navbarlink.hash) return
51 | let section = select(navbarlink.hash)
52 | if (!section) return
53 | if (position >= section.offsetTop && position <= (section.offsetTop + section.offsetHeight)) {
54 | navbarlink.classList.add('active')
55 | } else {
56 | navbarlink.classList.remove('active')
57 | }
58 | })
59 | }
60 | window.addEventListener('load', navbarlinksActive)
61 | onscroll(document, navbarlinksActive)
62 |
63 | /**
64 | * Scrolls to an element with header offset
65 | */
66 | const scrollto = (el) => {
67 | let elementPos = select(el).offsetTop
68 | window.scrollTo({
69 | top: elementPos,
70 | behavior: 'smooth'
71 | })
72 | }
73 |
74 | /**
75 | * Back to top button
76 | */
77 | let backtotop = select('.back-to-top')
78 | if (backtotop) {
79 | const toggleBacktotop = () => {
80 | if (window.scrollY > 100) {
81 | backtotop.classList.add('active')
82 | } else {
83 | backtotop.classList.remove('active')
84 | }
85 | }
86 | window.addEventListener('load', toggleBacktotop)
87 | onscroll(document, toggleBacktotop)
88 | }
89 |
90 | /**
91 | * Mobile nav toggle
92 | */
93 | on('click', '.mobile-nav-toggle', function(e) {
94 | select('body').classList.toggle('mobile-nav-active')
95 | this.classList.toggle('bi-list')
96 | this.classList.toggle('bi-x')
97 | })
98 |
99 | /**
100 | * Scrool with ofset on links with a class name .scrollto
101 | */
102 | on('click', '.scrollto', function(e) {
103 | if (select(this.hash)) {
104 | e.preventDefault()
105 |
106 | let body = select('body')
107 | if (body.classList.contains('mobile-nav-active')) {
108 | body.classList.remove('mobile-nav-active')
109 | let navbarToggle = select('.mobile-nav-toggle')
110 | navbarToggle.classList.toggle('bi-list')
111 | navbarToggle.classList.toggle('bi-x')
112 | }
113 | scrollto(this.hash)
114 | }
115 | }, true)
116 |
117 | /**
118 | * Scroll with ofset on page load with hash links in the url
119 | */
120 | window.addEventListener('load', () => {
121 | if (window.location.hash) {
122 | if (select(window.location.hash)) {
123 | scrollto(window.location.hash)
124 | }
125 | }
126 | });
127 |
128 | /**
129 | * Preloader
130 | */
131 | let preloader = select('#preloader');
132 | if (preloader) {
133 | window.addEventListener('load', () => {
134 | preloader.remove()
135 | });
136 | }
137 |
138 | /**
139 | * Hero type effect
140 | */
141 | const typed = select('.typed')
142 | if (typed) {
143 | let typed_strings = typed.getAttribute('data-typed-items')
144 | typed_strings = typed_strings.split(',')
145 | new Typed('.typed', {
146 | strings: typed_strings,
147 | loop: true,
148 | typeSpeed: 100,
149 | backSpeed: 50,
150 | backDelay: 2000
151 | });
152 | }
153 |
154 | /**
155 | * Skills animation
156 | */
157 | let skilsContent = select('.skills-content');
158 | if (skilsContent) {
159 | new Waypoint({
160 | element: skilsContent,
161 | offset: '80%',
162 | handler: function(direction) {
163 | let progress = select('.progress .progress-bar', true);
164 | progress.forEach((el) => {
165 | el.style.width = el.getAttribute('aria-valuenow') + '%'
166 | });
167 | }
168 | })
169 | }
170 |
171 | /**
172 | * Porfolio isotope and filter
173 | */
174 | window.addEventListener('load', () => {
175 | let portfolioContainer = select('.portfolio-container');
176 | if (portfolioContainer) {
177 | let portfolioIsotope = new Isotope(portfolioContainer, {
178 | itemSelector: '.portfolio-item'
179 | });
180 |
181 | let portfolioFilters = select('#portfolio-flters li', true);
182 |
183 | on('click', '#portfolio-flters li', function(e) {
184 | e.preventDefault();
185 | portfolioFilters.forEach(function(el) {
186 | el.classList.remove('filter-active');
187 | });
188 | this.classList.add('filter-active');
189 |
190 | portfolioIsotope.arrange({
191 | filter: this.getAttribute('data-filter')
192 | });
193 | portfolioIsotope.on('arrangeComplete', function() {
194 | AOS.refresh()
195 | });
196 | }, true);
197 | }
198 |
199 | });
200 |
201 | /**
202 | * Initiate portfolio lightbox
203 | */
204 | const portfolioLightbox = GLightbox({
205 | selector: '.portfolio-lightbox'
206 | });
207 |
208 | /**
209 | * Initiate portfolio details lightbox
210 | */
211 | const portfolioDetailsLightbox = GLightbox({
212 | selector: '.portfolio-details-lightbox',
213 | width: '90%',
214 | height: '90vh'
215 | });
216 |
217 | /**
218 | * Portfolio details slider
219 | */
220 | new Swiper('.portfolio-details-slider', {
221 | speed: 400,
222 | loop: true,
223 | autoplay: {
224 | delay: 5000,
225 | disableOnInteraction: false
226 | },
227 | pagination: {
228 | el: '.swiper-pagination',
229 | type: 'bullets',
230 | clickable: true
231 | }
232 | });
233 |
234 | /**
235 | * Testimonials slider
236 | */
237 | new Swiper('.testimonials-slider', {
238 | speed: 600,
239 | loop: true,
240 | autoplay: {
241 | delay: 5000,
242 | disableOnInteraction: false
243 | },
244 | slidesPerView: 'auto',
245 | pagination: {
246 | el: '.swiper-pagination',
247 | type: 'bullets',
248 | clickable: true
249 | }
250 | });
251 |
252 | /**
253 | * Animation on scroll
254 | */
255 | window.addEventListener('load', () => {
256 | AOS.init({
257 | duration: 1000,
258 | easing: 'ease-in-out',
259 | once: true,
260 | mirror: false
261 | })
262 | });
263 |
264 | })()
--------------------------------------------------------------------------------
/MyResume/assets/vendor/boxicons/css/animations.css:
--------------------------------------------------------------------------------
1 | @-webkit-keyframes spin
2 | {
3 | 0%
4 | {
5 | -webkit-transform: rotate(0);
6 | transform: rotate(0);
7 | }
8 | 100%
9 | {
10 | -webkit-transform: rotate(359deg);
11 | transform: rotate(359deg);
12 | }
13 | }
14 | @keyframes spin
15 | {
16 | 0%
17 | {
18 | -webkit-transform: rotate(0);
19 | transform: rotate(0);
20 | }
21 | 100%
22 | {
23 | -webkit-transform: rotate(359deg);
24 | transform: rotate(359deg);
25 | }
26 | }
27 | @-webkit-keyframes burst
28 | {
29 | 0%
30 | {
31 | -webkit-transform: scale(1);
32 | transform: scale(1);
33 |
34 | opacity: 1;
35 | }
36 | 90%
37 | {
38 | -webkit-transform: scale(1.5);
39 | transform: scale(1.5);
40 |
41 | opacity: 0;
42 | }
43 | }
44 | @keyframes burst
45 | {
46 | 0%
47 | {
48 | -webkit-transform: scale(1);
49 | transform: scale(1);
50 |
51 | opacity: 1;
52 | }
53 | 90%
54 | {
55 | -webkit-transform: scale(1.5);
56 | transform: scale(1.5);
57 |
58 | opacity: 0;
59 | }
60 | }
61 | @-webkit-keyframes flashing
62 | {
63 | 0%
64 | {
65 | opacity: 1;
66 | }
67 | 45%
68 | {
69 | opacity: 0;
70 | }
71 | 90%
72 | {
73 | opacity: 1;
74 | }
75 | }
76 | @keyframes flashing
77 | {
78 | 0%
79 | {
80 | opacity: 1;
81 | }
82 | 45%
83 | {
84 | opacity: 0;
85 | }
86 | 90%
87 | {
88 | opacity: 1;
89 | }
90 | }
91 | @-webkit-keyframes fade-left
92 | {
93 | 0%
94 | {
95 | -webkit-transform: translateX(0);
96 | transform: translateX(0);
97 |
98 | opacity: 1;
99 | }
100 | 75%
101 | {
102 | -webkit-transform: translateX(-20px);
103 | transform: translateX(-20px);
104 |
105 | opacity: 0;
106 | }
107 | }
108 | @keyframes fade-left
109 | {
110 | 0%
111 | {
112 | -webkit-transform: translateX(0);
113 | transform: translateX(0);
114 |
115 | opacity: 1;
116 | }
117 | 75%
118 | {
119 | -webkit-transform: translateX(-20px);
120 | transform: translateX(-20px);
121 |
122 | opacity: 0;
123 | }
124 | }
125 | @-webkit-keyframes fade-right
126 | {
127 | 0%
128 | {
129 | -webkit-transform: translateX(0);
130 | transform: translateX(0);
131 |
132 | opacity: 1;
133 | }
134 | 75%
135 | {
136 | -webkit-transform: translateX(20px);
137 | transform: translateX(20px);
138 |
139 | opacity: 0;
140 | }
141 | }
142 | @keyframes fade-right
143 | {
144 | 0%
145 | {
146 | -webkit-transform: translateX(0);
147 | transform: translateX(0);
148 |
149 | opacity: 1;
150 | }
151 | 75%
152 | {
153 | -webkit-transform: translateX(20px);
154 | transform: translateX(20px);
155 |
156 | opacity: 0;
157 | }
158 | }
159 | @-webkit-keyframes fade-up
160 | {
161 | 0%
162 | {
163 | -webkit-transform: translateY(0);
164 | transform: translateY(0);
165 |
166 | opacity: 1;
167 | }
168 | 75%
169 | {
170 | -webkit-transform: translateY(-20px);
171 | transform: translateY(-20px);
172 |
173 | opacity: 0;
174 | }
175 | }
176 | @keyframes fade-up
177 | {
178 | 0%
179 | {
180 | -webkit-transform: translateY(0);
181 | transform: translateY(0);
182 |
183 | opacity: 1;
184 | }
185 | 75%
186 | {
187 | -webkit-transform: translateY(-20px);
188 | transform: translateY(-20px);
189 |
190 | opacity: 0;
191 | }
192 | }
193 | @-webkit-keyframes fade-down
194 | {
195 | 0%
196 | {
197 | -webkit-transform: translateY(0);
198 | transform: translateY(0);
199 |
200 | opacity: 1;
201 | }
202 | 75%
203 | {
204 | -webkit-transform: translateY(20px);
205 | transform: translateY(20px);
206 |
207 | opacity: 0;
208 | }
209 | }
210 | @keyframes fade-down
211 | {
212 | 0%
213 | {
214 | -webkit-transform: translateY(0);
215 | transform: translateY(0);
216 |
217 | opacity: 1;
218 | }
219 | 75%
220 | {
221 | -webkit-transform: translateY(20px);
222 | transform: translateY(20px);
223 |
224 | opacity: 0;
225 | }
226 | }
227 | @-webkit-keyframes tada
228 | {
229 | from
230 | {
231 | -webkit-transform: scale3d(1, 1, 1);
232 | transform: scale3d(1, 1, 1);
233 | }
234 |
235 | 10%,
236 | 20%
237 | {
238 | -webkit-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);
239 | transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);
240 | }
241 |
242 | 30%,
243 | 50%,
244 | 70%,
245 | 90%
246 | {
247 | -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
248 | transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
249 | }
250 |
251 | 40%,
252 | 60%,
253 | 80%
254 | {
255 | -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg);
256 | transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg);
257 | }
258 |
259 | to
260 | {
261 | -webkit-transform: scale3d(1, 1, 1);
262 | transform: scale3d(1, 1, 1);
263 | }
264 | }
265 |
266 | @keyframes tada
267 | {
268 | from
269 | {
270 | -webkit-transform: scale3d(1, 1, 1);
271 | transform: scale3d(1, 1, 1);
272 | }
273 |
274 | 10%,
275 | 20%
276 | {
277 | -webkit-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);
278 | transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);
279 | }
280 |
281 | 30%,
282 | 50%,
283 | 70%,
284 | 90%
285 | {
286 | -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
287 | transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
288 | }
289 |
290 | 40%,
291 | 60%,
292 | 80%
293 | {
294 | -webkit-transform: rotate3d(0, 0, 1, -10deg);
295 | transform: rotate3d(0, 0, 1, -10deg);
296 | }
297 |
298 | to
299 | {
300 | -webkit-transform: scale3d(1, 1, 1);
301 | transform: scale3d(1, 1, 1);
302 | }
303 | }
304 | .bx-spin
305 | {
306 | -webkit-animation: spin 2s linear infinite;
307 | animation: spin 2s linear infinite;
308 | }
309 | .bx-spin-hover:hover
310 | {
311 | -webkit-animation: spin 2s linear infinite;
312 | animation: spin 2s linear infinite;
313 | }
314 |
315 | .bx-tada
316 | {
317 | -webkit-animation: tada 1.5s ease infinite;
318 | animation: tada 1.5s ease infinite;
319 | }
320 | .bx-tada-hover:hover
321 | {
322 | -webkit-animation: tada 1.5s ease infinite;
323 | animation: tada 1.5s ease infinite;
324 | }
325 |
326 | .bx-flashing
327 | {
328 | -webkit-animation: flashing 1.5s infinite linear;
329 | animation: flashing 1.5s infinite linear;
330 | }
331 | .bx-flashing-hover:hover
332 | {
333 | -webkit-animation: flashing 1.5s infinite linear;
334 | animation: flashing 1.5s infinite linear;
335 | }
336 |
337 | .bx-burst
338 | {
339 | -webkit-animation: burst 1.5s infinite linear;
340 | animation: burst 1.5s infinite linear;
341 | }
342 | .bx-burst-hover:hover
343 | {
344 | -webkit-animation: burst 1.5s infinite linear;
345 | animation: burst 1.5s infinite linear;
346 | }
347 | .bx-fade-up
348 | {
349 | -webkit-animation: fade-up 1.5s infinite linear;
350 | animation: fade-up 1.5s infinite linear;
351 | }
352 | .bx-fade-up-hover:hover
353 | {
354 | -webkit-animation: fade-up 1.5s infinite linear;
355 | animation: fade-up 1.5s infinite linear;
356 | }
357 | .bx-fade-down
358 | {
359 | -webkit-animation: fade-down 1.5s infinite linear;
360 | animation: fade-down 1.5s infinite linear;
361 | }
362 | .bx-fade-down-hover:hover
363 | {
364 | -webkit-animation: fade-down 1.5s infinite linear;
365 | animation: fade-down 1.5s infinite linear;
366 | }
367 | .bx-fade-left
368 | {
369 | -webkit-animation: fade-left 1.5s infinite linear;
370 | animation: fade-left 1.5s infinite linear;
371 | }
372 | .bx-fade-left-hover:hover
373 | {
374 | -webkit-animation: fade-left 1.5s infinite linear;
375 | animation: fade-left 1.5s infinite linear;
376 | }
377 | .bx-fade-right
378 | {
379 | -webkit-animation: fade-right 1.5s infinite linear;
380 | animation: fade-right 1.5s infinite linear;
381 | }
382 | .bx-fade-right-hover:hover
383 | {
384 | -webkit-animation: fade-right 1.5s infinite linear;
385 | animation: fade-right 1.5s infinite linear;
386 | }
--------------------------------------------------------------------------------
/MyResume/assets/vendor/bootstrap/css/bootstrap-reboot.rtl.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap Reboot v5.1.3 (https://getbootstrap.com/)
3 | * Copyright 2011-2021 The Bootstrap Authors
4 | * Copyright 2011-2021 Twitter, Inc.
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
6 | * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
7 | */
8 | :root {
9 | --bs-blue: #0d6efd;
10 | --bs-indigo: #6610f2;
11 | --bs-purple: #6f42c1;
12 | --bs-pink: #d63384;
13 | --bs-red: #dc3545;
14 | --bs-orange: #fd7e14;
15 | --bs-yellow: #ffc107;
16 | --bs-green: #198754;
17 | --bs-teal: #20c997;
18 | --bs-cyan: #0dcaf0;
19 | --bs-white: #fff;
20 | --bs-gray: #6c757d;
21 | --bs-gray-dark: #343a40;
22 | --bs-gray-100: #f8f9fa;
23 | --bs-gray-200: #e9ecef;
24 | --bs-gray-300: #dee2e6;
25 | --bs-gray-400: #ced4da;
26 | --bs-gray-500: #adb5bd;
27 | --bs-gray-600: #6c757d;
28 | --bs-gray-700: #495057;
29 | --bs-gray-800: #343a40;
30 | --bs-gray-900: #212529;
31 | --bs-primary: #0d6efd;
32 | --bs-secondary: #6c757d;
33 | --bs-success: #198754;
34 | --bs-info: #0dcaf0;
35 | --bs-warning: #ffc107;
36 | --bs-danger: #dc3545;
37 | --bs-light: #f8f9fa;
38 | --bs-dark: #212529;
39 | --bs-primary-rgb: 13, 110, 253;
40 | --bs-secondary-rgb: 108, 117, 125;
41 | --bs-success-rgb: 25, 135, 84;
42 | --bs-info-rgb: 13, 202, 240;
43 | --bs-warning-rgb: 255, 193, 7;
44 | --bs-danger-rgb: 220, 53, 69;
45 | --bs-light-rgb: 248, 249, 250;
46 | --bs-dark-rgb: 33, 37, 41;
47 | --bs-white-rgb: 255, 255, 255;
48 | --bs-black-rgb: 0, 0, 0;
49 | --bs-body-color-rgb: 33, 37, 41;
50 | --bs-body-bg-rgb: 255, 255, 255;
51 | --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
52 | --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
53 | --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
54 | --bs-body-font-family: var(--bs-font-sans-serif);
55 | --bs-body-font-size: 1rem;
56 | --bs-body-font-weight: 400;
57 | --bs-body-line-height: 1.5;
58 | --bs-body-color: #212529;
59 | --bs-body-bg: #fff;
60 | }
61 |
62 | *,
63 | *::before,
64 | *::after {
65 | box-sizing: border-box;
66 | }
67 |
68 | @media (prefers-reduced-motion: no-preference) {
69 | :root {
70 | scroll-behavior: smooth;
71 | }
72 | }
73 |
74 | body {
75 | margin: 0;
76 | font-family: var(--bs-body-font-family);
77 | font-size: var(--bs-body-font-size);
78 | font-weight: var(--bs-body-font-weight);
79 | line-height: var(--bs-body-line-height);
80 | color: var(--bs-body-color);
81 | text-align: var(--bs-body-text-align);
82 | background-color: var(--bs-body-bg);
83 | -webkit-text-size-adjust: 100%;
84 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
85 | }
86 |
87 | hr {
88 | margin: 1rem 0;
89 | color: inherit;
90 | background-color: currentColor;
91 | border: 0;
92 | opacity: 0.25;
93 | }
94 |
95 | hr:not([size]) {
96 | height: 1px;
97 | }
98 |
99 | h6, h5, h4, h3, h2, h1 {
100 | margin-top: 0;
101 | margin-bottom: 0.5rem;
102 | font-weight: 500;
103 | line-height: 1.2;
104 | }
105 |
106 | h1 {
107 | font-size: calc(1.375rem + 1.5vw);
108 | }
109 | @media (min-width: 1200px) {
110 | h1 {
111 | font-size: 2.5rem;
112 | }
113 | }
114 |
115 | h2 {
116 | font-size: calc(1.325rem + 0.9vw);
117 | }
118 | @media (min-width: 1200px) {
119 | h2 {
120 | font-size: 2rem;
121 | }
122 | }
123 |
124 | h3 {
125 | font-size: calc(1.3rem + 0.6vw);
126 | }
127 | @media (min-width: 1200px) {
128 | h3 {
129 | font-size: 1.75rem;
130 | }
131 | }
132 |
133 | h4 {
134 | font-size: calc(1.275rem + 0.3vw);
135 | }
136 | @media (min-width: 1200px) {
137 | h4 {
138 | font-size: 1.5rem;
139 | }
140 | }
141 |
142 | h5 {
143 | font-size: 1.25rem;
144 | }
145 |
146 | h6 {
147 | font-size: 1rem;
148 | }
149 |
150 | p {
151 | margin-top: 0;
152 | margin-bottom: 1rem;
153 | }
154 |
155 | abbr[title],
156 | abbr[data-bs-original-title] {
157 | -webkit-text-decoration: underline dotted;
158 | text-decoration: underline dotted;
159 | cursor: help;
160 | -webkit-text-decoration-skip-ink: none;
161 | text-decoration-skip-ink: none;
162 | }
163 |
164 | address {
165 | margin-bottom: 1rem;
166 | font-style: normal;
167 | line-height: inherit;
168 | }
169 |
170 | ol,
171 | ul {
172 | padding-right: 2rem;
173 | }
174 |
175 | ol,
176 | ul,
177 | dl {
178 | margin-top: 0;
179 | margin-bottom: 1rem;
180 | }
181 |
182 | ol ol,
183 | ul ul,
184 | ol ul,
185 | ul ol {
186 | margin-bottom: 0;
187 | }
188 |
189 | dt {
190 | font-weight: 700;
191 | }
192 |
193 | dd {
194 | margin-bottom: 0.5rem;
195 | margin-right: 0;
196 | }
197 |
198 | blockquote {
199 | margin: 0 0 1rem;
200 | }
201 |
202 | b,
203 | strong {
204 | font-weight: bolder;
205 | }
206 |
207 | small {
208 | font-size: 0.875em;
209 | }
210 |
211 | mark {
212 | padding: 0.2em;
213 | background-color: #fcf8e3;
214 | }
215 |
216 | sub,
217 | sup {
218 | position: relative;
219 | font-size: 0.75em;
220 | line-height: 0;
221 | vertical-align: baseline;
222 | }
223 |
224 | sub {
225 | bottom: -0.25em;
226 | }
227 |
228 | sup {
229 | top: -0.5em;
230 | }
231 |
232 | a {
233 | color: #0d6efd;
234 | text-decoration: underline;
235 | }
236 | a:hover {
237 | color: #0a58ca;
238 | }
239 |
240 | a:not([href]):not([class]), a:not([href]):not([class]):hover {
241 | color: inherit;
242 | text-decoration: none;
243 | }
244 |
245 | pre,
246 | code,
247 | kbd,
248 | samp {
249 | font-family: var(--bs-font-monospace);
250 | font-size: 1em;
251 | direction: ltr ;
252 | unicode-bidi: bidi-override;
253 | }
254 |
255 | pre {
256 | display: block;
257 | margin-top: 0;
258 | margin-bottom: 1rem;
259 | overflow: auto;
260 | font-size: 0.875em;
261 | }
262 | pre code {
263 | font-size: inherit;
264 | color: inherit;
265 | word-break: normal;
266 | }
267 |
268 | code {
269 | font-size: 0.875em;
270 | color: #d63384;
271 | word-wrap: break-word;
272 | }
273 | a > code {
274 | color: inherit;
275 | }
276 |
277 | kbd {
278 | padding: 0.2rem 0.4rem;
279 | font-size: 0.875em;
280 | color: #fff;
281 | background-color: #212529;
282 | border-radius: 0.2rem;
283 | }
284 | kbd kbd {
285 | padding: 0;
286 | font-size: 1em;
287 | font-weight: 700;
288 | }
289 |
290 | figure {
291 | margin: 0 0 1rem;
292 | }
293 |
294 | img,
295 | svg {
296 | vertical-align: middle;
297 | }
298 |
299 | table {
300 | caption-side: bottom;
301 | border-collapse: collapse;
302 | }
303 |
304 | caption {
305 | padding-top: 0.5rem;
306 | padding-bottom: 0.5rem;
307 | color: #6c757d;
308 | text-align: right;
309 | }
310 |
311 | th {
312 | text-align: inherit;
313 | text-align: -webkit-match-parent;
314 | }
315 |
316 | thead,
317 | tbody,
318 | tfoot,
319 | tr,
320 | td,
321 | th {
322 | border-color: inherit;
323 | border-style: solid;
324 | border-width: 0;
325 | }
326 |
327 | label {
328 | display: inline-block;
329 | }
330 |
331 | button {
332 | border-radius: 0;
333 | }
334 |
335 | button:focus:not(:focus-visible) {
336 | outline: 0;
337 | }
338 |
339 | input,
340 | button,
341 | select,
342 | optgroup,
343 | textarea {
344 | margin: 0;
345 | font-family: inherit;
346 | font-size: inherit;
347 | line-height: inherit;
348 | }
349 |
350 | button,
351 | select {
352 | text-transform: none;
353 | }
354 |
355 | [role=button] {
356 | cursor: pointer;
357 | }
358 |
359 | select {
360 | word-wrap: normal;
361 | }
362 | select:disabled {
363 | opacity: 1;
364 | }
365 |
366 | [list]::-webkit-calendar-picker-indicator {
367 | display: none;
368 | }
369 |
370 | button,
371 | [type=button],
372 | [type=reset],
373 | [type=submit] {
374 | -webkit-appearance: button;
375 | }
376 | button:not(:disabled),
377 | [type=button]:not(:disabled),
378 | [type=reset]:not(:disabled),
379 | [type=submit]:not(:disabled) {
380 | cursor: pointer;
381 | }
382 |
383 | ::-moz-focus-inner {
384 | padding: 0;
385 | border-style: none;
386 | }
387 |
388 | textarea {
389 | resize: vertical;
390 | }
391 |
392 | fieldset {
393 | min-width: 0;
394 | padding: 0;
395 | margin: 0;
396 | border: 0;
397 | }
398 |
399 | legend {
400 | float: right;
401 | width: 100%;
402 | padding: 0;
403 | margin-bottom: 0.5rem;
404 | font-size: calc(1.275rem + 0.3vw);
405 | line-height: inherit;
406 | }
407 | @media (min-width: 1200px) {
408 | legend {
409 | font-size: 1.5rem;
410 | }
411 | }
412 | legend + * {
413 | clear: right;
414 | }
415 |
416 | ::-webkit-datetime-edit-fields-wrapper,
417 | ::-webkit-datetime-edit-text,
418 | ::-webkit-datetime-edit-minute,
419 | ::-webkit-datetime-edit-hour-field,
420 | ::-webkit-datetime-edit-day-field,
421 | ::-webkit-datetime-edit-month-field,
422 | ::-webkit-datetime-edit-year-field {
423 | padding: 0;
424 | }
425 |
426 | ::-webkit-inner-spin-button {
427 | height: auto;
428 | }
429 |
430 | [type=search] {
431 | outline-offset: -2px;
432 | -webkit-appearance: textfield;
433 | }
434 |
435 | [type="tel"],
436 | [type="url"],
437 | [type="email"],
438 | [type="number"] {
439 | direction: ltr;
440 | }
441 | ::-webkit-search-decoration {
442 | -webkit-appearance: none;
443 | }
444 |
445 | ::-webkit-color-swatch-wrapper {
446 | padding: 0;
447 | }
448 |
449 | ::-webkit-file-upload-button {
450 | font: inherit;
451 | }
452 |
453 | ::file-selector-button {
454 | font: inherit;
455 | }
456 |
457 | ::-webkit-file-upload-button {
458 | font: inherit;
459 | -webkit-appearance: button;
460 | }
461 |
462 | output {
463 | display: inline-block;
464 | }
465 |
466 | iframe {
467 | border: 0;
468 | }
469 |
470 | summary {
471 | display: list-item;
472 | cursor: pointer;
473 | }
474 |
475 | progress {
476 | vertical-align: baseline;
477 | }
478 |
479 | [hidden] {
480 | display: none !important;
481 | }
482 | /*# sourceMappingURL=bootstrap-reboot.rtl.css.map */
--------------------------------------------------------------------------------
/MyResume/assets/vendor/bootstrap/css/bootstrap-reboot.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap Reboot v5.1.3 (https://getbootstrap.com/)
3 | * Copyright 2011-2021 The Bootstrap Authors
4 | * Copyright 2011-2021 Twitter, Inc.
5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
6 | * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
7 | */
8 | :root {
9 | --bs-blue: #0d6efd;
10 | --bs-indigo: #6610f2;
11 | --bs-purple: #6f42c1;
12 | --bs-pink: #d63384;
13 | --bs-red: #dc3545;
14 | --bs-orange: #fd7e14;
15 | --bs-yellow: #ffc107;
16 | --bs-green: #198754;
17 | --bs-teal: #20c997;
18 | --bs-cyan: #0dcaf0;
19 | --bs-white: #fff;
20 | --bs-gray: #6c757d;
21 | --bs-gray-dark: #343a40;
22 | --bs-gray-100: #f8f9fa;
23 | --bs-gray-200: #e9ecef;
24 | --bs-gray-300: #dee2e6;
25 | --bs-gray-400: #ced4da;
26 | --bs-gray-500: #adb5bd;
27 | --bs-gray-600: #6c757d;
28 | --bs-gray-700: #495057;
29 | --bs-gray-800: #343a40;
30 | --bs-gray-900: #212529;
31 | --bs-primary: #0d6efd;
32 | --bs-secondary: #6c757d;
33 | --bs-success: #198754;
34 | --bs-info: #0dcaf0;
35 | --bs-warning: #ffc107;
36 | --bs-danger: #dc3545;
37 | --bs-light: #f8f9fa;
38 | --bs-dark: #212529;
39 | --bs-primary-rgb: 13, 110, 253;
40 | --bs-secondary-rgb: 108, 117, 125;
41 | --bs-success-rgb: 25, 135, 84;
42 | --bs-info-rgb: 13, 202, 240;
43 | --bs-warning-rgb: 255, 193, 7;
44 | --bs-danger-rgb: 220, 53, 69;
45 | --bs-light-rgb: 248, 249, 250;
46 | --bs-dark-rgb: 33, 37, 41;
47 | --bs-white-rgb: 255, 255, 255;
48 | --bs-black-rgb: 0, 0, 0;
49 | --bs-body-color-rgb: 33, 37, 41;
50 | --bs-body-bg-rgb: 255, 255, 255;
51 | --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
52 | --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
53 | --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
54 | --bs-body-font-family: var(--bs-font-sans-serif);
55 | --bs-body-font-size: 1rem;
56 | --bs-body-font-weight: 400;
57 | --bs-body-line-height: 1.5;
58 | --bs-body-color: #212529;
59 | --bs-body-bg: #fff;
60 | }
61 |
62 | *,
63 | *::before,
64 | *::after {
65 | box-sizing: border-box;
66 | }
67 |
68 | @media (prefers-reduced-motion: no-preference) {
69 | :root {
70 | scroll-behavior: smooth;
71 | }
72 | }
73 |
74 | body {
75 | margin: 0;
76 | font-family: var(--bs-body-font-family);
77 | font-size: var(--bs-body-font-size);
78 | font-weight: var(--bs-body-font-weight);
79 | line-height: var(--bs-body-line-height);
80 | color: var(--bs-body-color);
81 | text-align: var(--bs-body-text-align);
82 | background-color: var(--bs-body-bg);
83 | -webkit-text-size-adjust: 100%;
84 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
85 | }
86 |
87 | hr {
88 | margin: 1rem 0;
89 | color: inherit;
90 | background-color: currentColor;
91 | border: 0;
92 | opacity: 0.25;
93 | }
94 |
95 | hr:not([size]) {
96 | height: 1px;
97 | }
98 |
99 | h6, h5, h4, h3, h2, h1 {
100 | margin-top: 0;
101 | margin-bottom: 0.5rem;
102 | font-weight: 500;
103 | line-height: 1.2;
104 | }
105 |
106 | h1 {
107 | font-size: calc(1.375rem + 1.5vw);
108 | }
109 | @media (min-width: 1200px) {
110 | h1 {
111 | font-size: 2.5rem;
112 | }
113 | }
114 |
115 | h2 {
116 | font-size: calc(1.325rem + 0.9vw);
117 | }
118 | @media (min-width: 1200px) {
119 | h2 {
120 | font-size: 2rem;
121 | }
122 | }
123 |
124 | h3 {
125 | font-size: calc(1.3rem + 0.6vw);
126 | }
127 | @media (min-width: 1200px) {
128 | h3 {
129 | font-size: 1.75rem;
130 | }
131 | }
132 |
133 | h4 {
134 | font-size: calc(1.275rem + 0.3vw);
135 | }
136 | @media (min-width: 1200px) {
137 | h4 {
138 | font-size: 1.5rem;
139 | }
140 | }
141 |
142 | h5 {
143 | font-size: 1.25rem;
144 | }
145 |
146 | h6 {
147 | font-size: 1rem;
148 | }
149 |
150 | p {
151 | margin-top: 0;
152 | margin-bottom: 1rem;
153 | }
154 |
155 | abbr[title],
156 | abbr[data-bs-original-title] {
157 | -webkit-text-decoration: underline dotted;
158 | text-decoration: underline dotted;
159 | cursor: help;
160 | -webkit-text-decoration-skip-ink: none;
161 | text-decoration-skip-ink: none;
162 | }
163 |
164 | address {
165 | margin-bottom: 1rem;
166 | font-style: normal;
167 | line-height: inherit;
168 | }
169 |
170 | ol,
171 | ul {
172 | padding-left: 2rem;
173 | }
174 |
175 | ol,
176 | ul,
177 | dl {
178 | margin-top: 0;
179 | margin-bottom: 1rem;
180 | }
181 |
182 | ol ol,
183 | ul ul,
184 | ol ul,
185 | ul ol {
186 | margin-bottom: 0;
187 | }
188 |
189 | dt {
190 | font-weight: 700;
191 | }
192 |
193 | dd {
194 | margin-bottom: 0.5rem;
195 | margin-left: 0;
196 | }
197 |
198 | blockquote {
199 | margin: 0 0 1rem;
200 | }
201 |
202 | b,
203 | strong {
204 | font-weight: bolder;
205 | }
206 |
207 | small {
208 | font-size: 0.875em;
209 | }
210 |
211 | mark {
212 | padding: 0.2em;
213 | background-color: #fcf8e3;
214 | }
215 |
216 | sub,
217 | sup {
218 | position: relative;
219 | font-size: 0.75em;
220 | line-height: 0;
221 | vertical-align: baseline;
222 | }
223 |
224 | sub {
225 | bottom: -0.25em;
226 | }
227 |
228 | sup {
229 | top: -0.5em;
230 | }
231 |
232 | a {
233 | color: #0d6efd;
234 | text-decoration: underline;
235 | }
236 | a:hover {
237 | color: #0a58ca;
238 | }
239 |
240 | a:not([href]):not([class]), a:not([href]):not([class]):hover {
241 | color: inherit;
242 | text-decoration: none;
243 | }
244 |
245 | pre,
246 | code,
247 | kbd,
248 | samp {
249 | font-family: var(--bs-font-monospace);
250 | font-size: 1em;
251 | direction: ltr /* rtl:ignore */;
252 | unicode-bidi: bidi-override;
253 | }
254 |
255 | pre {
256 | display: block;
257 | margin-top: 0;
258 | margin-bottom: 1rem;
259 | overflow: auto;
260 | font-size: 0.875em;
261 | }
262 | pre code {
263 | font-size: inherit;
264 | color: inherit;
265 | word-break: normal;
266 | }
267 |
268 | code {
269 | font-size: 0.875em;
270 | color: #d63384;
271 | word-wrap: break-word;
272 | }
273 | a > code {
274 | color: inherit;
275 | }
276 |
277 | kbd {
278 | padding: 0.2rem 0.4rem;
279 | font-size: 0.875em;
280 | color: #fff;
281 | background-color: #212529;
282 | border-radius: 0.2rem;
283 | }
284 | kbd kbd {
285 | padding: 0;
286 | font-size: 1em;
287 | font-weight: 700;
288 | }
289 |
290 | figure {
291 | margin: 0 0 1rem;
292 | }
293 |
294 | img,
295 | svg {
296 | vertical-align: middle;
297 | }
298 |
299 | table {
300 | caption-side: bottom;
301 | border-collapse: collapse;
302 | }
303 |
304 | caption {
305 | padding-top: 0.5rem;
306 | padding-bottom: 0.5rem;
307 | color: #6c757d;
308 | text-align: left;
309 | }
310 |
311 | th {
312 | text-align: inherit;
313 | text-align: -webkit-match-parent;
314 | }
315 |
316 | thead,
317 | tbody,
318 | tfoot,
319 | tr,
320 | td,
321 | th {
322 | border-color: inherit;
323 | border-style: solid;
324 | border-width: 0;
325 | }
326 |
327 | label {
328 | display: inline-block;
329 | }
330 |
331 | button {
332 | border-radius: 0;
333 | }
334 |
335 | button:focus:not(:focus-visible) {
336 | outline: 0;
337 | }
338 |
339 | input,
340 | button,
341 | select,
342 | optgroup,
343 | textarea {
344 | margin: 0;
345 | font-family: inherit;
346 | font-size: inherit;
347 | line-height: inherit;
348 | }
349 |
350 | button,
351 | select {
352 | text-transform: none;
353 | }
354 |
355 | [role=button] {
356 | cursor: pointer;
357 | }
358 |
359 | select {
360 | word-wrap: normal;
361 | }
362 | select:disabled {
363 | opacity: 1;
364 | }
365 |
366 | [list]::-webkit-calendar-picker-indicator {
367 | display: none;
368 | }
369 |
370 | button,
371 | [type=button],
372 | [type=reset],
373 | [type=submit] {
374 | -webkit-appearance: button;
375 | }
376 | button:not(:disabled),
377 | [type=button]:not(:disabled),
378 | [type=reset]:not(:disabled),
379 | [type=submit]:not(:disabled) {
380 | cursor: pointer;
381 | }
382 |
383 | ::-moz-focus-inner {
384 | padding: 0;
385 | border-style: none;
386 | }
387 |
388 | textarea {
389 | resize: vertical;
390 | }
391 |
392 | fieldset {
393 | min-width: 0;
394 | padding: 0;
395 | margin: 0;
396 | border: 0;
397 | }
398 |
399 | legend {
400 | float: left;
401 | width: 100%;
402 | padding: 0;
403 | margin-bottom: 0.5rem;
404 | font-size: calc(1.275rem + 0.3vw);
405 | line-height: inherit;
406 | }
407 | @media (min-width: 1200px) {
408 | legend {
409 | font-size: 1.5rem;
410 | }
411 | }
412 | legend + * {
413 | clear: left;
414 | }
415 |
416 | ::-webkit-datetime-edit-fields-wrapper,
417 | ::-webkit-datetime-edit-text,
418 | ::-webkit-datetime-edit-minute,
419 | ::-webkit-datetime-edit-hour-field,
420 | ::-webkit-datetime-edit-day-field,
421 | ::-webkit-datetime-edit-month-field,
422 | ::-webkit-datetime-edit-year-field {
423 | padding: 0;
424 | }
425 |
426 | ::-webkit-inner-spin-button {
427 | height: auto;
428 | }
429 |
430 | [type=search] {
431 | outline-offset: -2px;
432 | -webkit-appearance: textfield;
433 | }
434 |
435 | /* rtl:raw:
436 | [type="tel"],
437 | [type="url"],
438 | [type="email"],
439 | [type="number"] {
440 | direction: ltr;
441 | }
442 | */
443 | ::-webkit-search-decoration {
444 | -webkit-appearance: none;
445 | }
446 |
447 | ::-webkit-color-swatch-wrapper {
448 | padding: 0;
449 | }
450 |
451 | ::-webkit-file-upload-button {
452 | font: inherit;
453 | }
454 |
455 | ::file-selector-button {
456 | font: inherit;
457 | }
458 |
459 | ::-webkit-file-upload-button {
460 | font: inherit;
461 | -webkit-appearance: button;
462 | }
463 |
464 | output {
465 | display: inline-block;
466 | }
467 |
468 | iframe {
469 | border: 0;
470 | }
471 |
472 | summary {
473 | display: list-item;
474 | cursor: pointer;
475 | }
476 |
477 | progress {
478 | vertical-align: baseline;
479 | }
480 |
481 | [hidden] {
482 | display: none !important;
483 | }
484 |
485 | /*# sourceMappingURL=bootstrap-reboot.css.map */
--------------------------------------------------------------------------------
/MyResume/assets/vendor/typed.js/typed.min.js:
--------------------------------------------------------------------------------
1 | /*!
2 | *
3 | * typed.js - A JavaScript Typing Animation Library
4 | * Author: Matt Boldt
18 |
88 |
19 |
86 |
87 |
89 |
114 |
90 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel sunt
91 | omnis tempora magni error. Quidem amet unde cupiditate, ad
92 | perspiciatis impedit qui quo animi ab eaque incidunt quibusdam facilis
93 | voluptatum nesciunt voluptas fuga, alias, sint officiis explicabo
94 | neque odit sequi. Aliquam numquam nihil quaerat doloremque
95 | exercitationem, quam maxime quas sapiente!
96 |
97 |
98 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel sunt
99 | omnis tempora magni error. Quidem amet unde cupiditate, ad
100 | perspiciatis impedit qui quo animi ab eaque incidunt quibusdam facilis
101 | voluptatum nesciunt voluptas fuga, alias, sint officiis explicabo
102 | neque odit sequi. Aliquam numquam nihil quaerat doloremque
103 | exercitationem, quam maxime quas sapiente!
104 |
105 |
106 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel sunt
107 | omnis tempora magni error. Quidem amet unde cupiditate, ad
108 | perspiciatis impedit qui quo animi ab eaque incidunt quibusdam facilis
109 | voluptatum nesciunt voluptas fuga, alias, sint officiis explicabo
110 | neque odit sequi. Aliquam numquam nihil quaerat doloremque
111 | exercitationem, quam maxime quas sapiente!
112 |
113 |