index512/blog.html at main · Qarebaq/index512 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html lang="en" dir="rtl">
    <head>

        <meta charset="UTF-8">
        <meta name="description" content="تکنولوژی برای تمامی دوستداران تکنولوژی">
        <meta name="keywords" content="technology">
        <meta name="author" content="Amir Mohammed Mohammedi Qarabag">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="https://fonts.googleapis.com/css2?family=Anton&family=Open+Sans:wght@300;400&family=Poppins:wght@100&family=Roboto:wght@900&display=swap" rel="stylesheet">

        <link rel="shortcut icon" href="index512LOGO.jpg" type="image/x-icon">
        <link rel="stylesheet" href="styles.css">
        <title>index512 | تکنولوژی برای تمامی دوستداران تکنولوژی</title>

    </head>

<body>
    <style>
        body {
          background-color: white;
          color: black;
          transition: 0.5s;
        }

        .dark-mode {
          background-color: black;
          color: white;
          transition: 0.5s;
        }
        </style>
    <div id="navbar">

        <h1 style="color: white;"> index512 </h1>

        <div id="desktopContent">

            <h5> <a href="https://shattereddisk.github.io/rickroll/rickroll.mp4"> Turkçe </a> </h5>
            <h5> <a href="https://shattereddisk.github.io/rickroll/rickroll.mp4"> History </a> </h5>
            <h5> <a href="https://shattereddisk.github.io/rickroll/rickroll.mp4"> Astrunomy </a> </h5>
            <h5> <a href="https://shattereddisk.github.io/rickroll/rickroll.mp4"> Technology </a> </h5>

        </div>
        <div id="dropdown">

            <div id="hamButton">
                <form>
                    <input type="checkbox" id="btnClick" title="Hamburger Menu">
                    <label for="btnClick"></label>
                </form>
            </div>
            <div id="content">
                <br>
                <h5> <a href="https://shattereddisk.github.io/rickroll/rickroll.mp4"> Turkçe </a> </h5>
                <br>
                <h5> <a href="https://shattereddisk.github.io/rickroll/rickroll.mp4"> History </a> </h5>
                <br>
                <h5> <a href="https://shattereddisk.github.io/rickroll/rickroll.mp4"> Astrunomy </a> </h5>
              <br>
                <h5> <a href="https://shattereddisk.github.io/rickroll/rickroll.mp4"> Technology </a> </h5>
                <br>
            </div>
        </div>
    </div>
<br>
<br>
<div id="blogtxt" align="center" style="width:59%;margin-top:45px;min-width: 325px;margin-left: auto;margin-right: auto;border: 1.1px solid gray;border-radius: 11px;box-shadow: 4.5px 4.5px 4.5px gray;">
<center><img src="wwdc222.jpg" style="width:100%;min-width: 325px;margin-left: auto;margin-right: auto;border-top-right-radius: 11px;border-top-left-radius: 11px;" /></center>
<br>
<h1 align="left" style="margin-left: 17px;">lorem ipsum dolor sit amet, consectetur adipis</h1>
<br>
<div id="darklight" style="padding:7px;border-radius: 30px;background-color: rgb(53, 53, 56);width:15%;color: white;margin-left: 7px;float: left;min-width: 79px;" onclick="myFunction()">حالت شب</div>

<br>
<img style="width: 3%;float: right;margin-right: 25px;min-width: 35px;border-radius: 40px;" src="1.jpg"></img><p align="right" style="margin: 10px;padding-right: 6.5%;">امیر محمد محمدی قره باغ</p>
<br>
<hr>
<br>
<p style="font-size: 20px;padding: 15px;margin: 3px;">
    1.بلز پاسکال
    پاسکال در سال 623 درفرانسه به دنیا آمد و در سه سالگی مادرش را از دست داد. پدرش قاضی بود و به علوم و ریاضیات علاقه داشت.

    پاسکال در 11 سالگی رساله ای در مورد اصوات ارتعاشی نوشت و پدرش مطالعه ریاضی را تا سن 15 سالگی برای وی ممنوع کرد پدرش نگران بود تا مطالعه ریاضی جلوی مطالعه لاتین و زبان یونانی را بگیرد.

    در 18 سالگی پاسکال یک ماشین حساب مکانیکی ساخت تا با کمک آن بتواند به پدرش در انجام محاسبات ریاضی کمک کند.

    ماشین حساب پاسکال می توانست جمع و تفریق را حساب کند.

     2.تیم برنرز لی
    وی در سال 1955 در لندن به دنیا آمد،بعد از فارغ التحصیل شدنش در سال 1976 از دانشگاه کمبریج،اولین کامپیوترش را با کمک یک هویه و چند تا تی تی ال گیت و یک پردازنده M68000 و یک تلوزیون قدیمی ساخت. بعد از سال ها به سازمان سرن در ژنو پیوست و مشغول کار بر روی پروژه WWW شد. و با تلاش و پشتکار وی شبکه جهانی اینترنت ساخته شد.

    از ابداعات وی می توان به HTML و HTTP اشاره کرد.

    3.بیل گیتس
    وی در سال 1955  در سیاتل به دنیا آمد،پدرش دانشجوی حقوق بود، بیل گیتس اولین بار در 13 سالگی به برنامه نویسی علاقه نشان داد. دوست دبیرستانی او الن نام داشت که از او دو سال بزرگتر بود. الن نیز مانند بیل به کامپیوتر علاقه داشت، بیل و الن یک شرکت کامپیوتری راه اندازی کردند و نامش را Micro-soft گذاشتند. بعد از طراحی سیستم عامل های گرافیکی شرکتشان تبدیل به یک شرکت بین المللی شد.

    در حال حاضر بیل گیتس یکی از ثروتمند ترین افراد روی زمین است.

    4.استیو جابز
    استیو جابز در سال 1955 به دنیا آمد و به دلیل علاقه اش به کامپیوتر دانشگاه را رها کرد و به کمک دوستانش در گاراژ خانه پدرش شرکت اپل را تاسیس کرد. وی بعد ها دو شرکت دیگر تاسیس کرد؛ پیکسار و نکست، البته شرکت نکست در حال حاضر از بین رفته است.

    وی در سال 2007 با معرفی آیفون صنعت موبایل را دگرگون کرد.
</p>
</div>
<br>
<br>
<div style="background-color:rgba(0, 0, 0, 0.1)"><h3 dir="rtl" style="padding: 30px;color:rgb(56, 56, 56);float: left;">&ensp;(:&ensp;ما را در شبکه های اجتماعی دنبال کنین  </h3>
    <img class="icon" src="twitter.png" width="3.8%" style="min-width:50px;margin: 10px;border-radius: 90px;padding: 5px" />
    <img class="icon" src="telegram.png" width="3.8%" style="min-width:50px;margin: 10px;border-radius: 90px;padding: 5px;" />
    <img class="icon" src="instagram.png" width="3.8%" style="min-width:50px;margin: 10px;border-radius: 90px;padding: 5px;" />
    <hr>
    <h3 style="text-align:right;padding-right: 30px;padding-bottom: 8px;padding-top:20px;">درباره ما</h3>
    <p  style="width:50%;padding-right: 30px;padding-bottom: 30px;padding-top: 15px;text-align:right;">سلام خوشحالم که به وبسایتم اومدین ایندکس 512 وبسایت شخصی من هست که توش درمورد چیز های مربوط به علم و تکنولوژی می نویسم و گاها ویدیو یا پادکست هم ضبط می کنم قرار بود ایندکس512 یه سایت خبری باشه منتها چون کسی حاضر به همکاری نشد تبدیل به یه وبسایت شخصی و فقط برای تفریح شد  از خوندن مقاله ها لذت ببرین:)</p>
</div>
<script>
    function myFunction() {
       var element = document.body;
       element.classList.toggle("dark-mode");
    }
    </script>

</body>
</html>