├── README.md └── project ├── README.md ├── images └── تکراتو یکی از پرسرعت ترین ماشین ها.jpg ├── index.html └── style └── style.css /README.md: -------------------------------------------------------------------------------- 1 | # project 2 | this is my site. my site is very bountiful. 3 | -------------------------------------------------------------------------------- /project/README.md: -------------------------------------------------------------------------------- 1 | # project 2 | this is my site. my site is very bountiful. 3 | -------------------------------------------------------------------------------- /project/images/تکراتو یکی از پرسرعت ترین ماشین ها.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Arshia-mvp/project/HEAD/project/images/تکراتو یکی از پرسرعت ترین ماشین ها.jpg -------------------------------------------------------------------------------- /project/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |
11 |
12 | 20 |

cybersecurity
insights,resources
& best practices.

21 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. At omnis modi magnam doloribus
iure numquam minima laudantium ipsum, odio id, dolor, sequi animi cupiditate reprehenderit?
Possimus nesciunt modi quas pariatur?

22 |
23 | 24 | 25 | explore move 26 | 27 |

our services

28 | 29 |

graitect us

30 |
31 |
32 | 33 | -------------------------------------------------------------------------------- /project/style/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | background-color: darkblue; 3 | } 4 | *{ 5 | margin: 0; 6 | padding: 0; 7 | box-sizing: border-box; 8 | } 9 | .card--li{ 10 | display: block; 11 | position: absolute; 12 | transform: translate(400px,15px); 13 | color: white; 14 | } 15 | .card--li:hover{ 16 | color: yellow; 17 | } 18 | .card-1--li{ 19 | display: block; 20 | position: absolute; 21 | transform: translate(470px,15px); 22 | color: white; 23 | } 24 | .card-1--li:hover{ 25 | color: green; 26 | } 27 | .card-2--li{ 28 | display: block; 29 | position: absolute; 30 | transform: translate(540px,15px); 31 | color: white; 32 | } 33 | .card-2--li:hover{ 34 | color: green; 35 | } 36 | .card-3--li{ 37 | display: block; 38 | position: absolute; 39 | transform: translate(615px,15px); 40 | color: white; 41 | } 42 | .card-3--li:hover{ 43 | color: green; 44 | } 45 | .card-4--li{ 46 | display: block; 47 | position: absolute; 48 | transform: translate(710px,15px); 49 | color: white; 50 | } 51 | .card-4--li:hover{ 52 | color: green; 53 | } 54 | .card-5--li{ 55 | display: block; 56 | position: absolute; 57 | transform: translate(800px,15px); 58 | color: white; 59 | } 60 | .card-5--li:hover{ 61 | color: green; 62 | } 63 | .card--title{ 64 | color: rgba(255, 255, 255, 0.74); 65 | position: absolute; 66 | transform: translate(150px,170px); 67 | font-size: 60px; 68 | } 69 | .card--description{ 70 | color: white; 71 | position: absolute; 72 | transform: translate(150px,400px); 73 | } 74 | .card--image{ 75 | width: 530px; 76 | height: 400px; 77 | position: absolute; 78 | transform: translate(770px,130px); 79 | border-radius: 20px; 80 | } 81 | .button{ 82 | width: 150px; 83 | height: 40px; 84 | background-color: blue; 85 | position: absolute; 86 | transform: translate(150px,500px); 87 | border-radius: 20px 88 | } 89 | .span{ 90 | color: white; 91 | position: absolute; 92 | transform: translate(171px,506px); 93 | font-size: 20px; 94 | } 95 | .button-1{ 96 | width: 150px; 97 | height: 40px; 98 | background-color: orange; 99 | position: absolute; 100 | transform: translate(325px,498px); 101 | border-radius: 20px; 102 | } 103 | .p{ 104 | color: white; 105 | position: absolute; 106 | transform: translate(347px,504px); 107 | font-size: 22px; 108 | } 109 | .button-2{ 110 | width: 150px; 111 | height: 40px; 112 | background-color: blue; 113 | position: absolute; 114 | transform: translate(950px,12px); 115 | border-radius: 20px; 116 | } 117 | .p-1{ 118 | color: white; 119 | position: absolute; 120 | transform: translate(985px,18px); 121 | font-size: 20px; 122 | } --------------------------------------------------------------------------------