home_page.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>BSimjoo webpage</title>
  5. <link rel="stylesheet" href="files/style.css">
  6. <link rel="icon" href="files/images/icon.png">
  7. <script src="files/scripts/scripts.js"></script>
  8. <noscript>
  9. <link rel="stylesheet" href="files/nonscript-style.css">
  10. </noscript>
  11. </head>
  12. <body>
  13. <div class="loading-screen" id="loading-screen">
  14. <div class="align-center">
  15. <div class="loader"></div>
  16. <br> در حال بارگزاری
  17. </div>
  18. </div>
  19. <div id="script-message">
  20. <h5>This site requires JavaScript. This message will only be visible if you have it disabled. I recommend you to enable javascript to use this web page as well</h5><a href="https://www.google.com/search?q=enabling+javascript">Try searching google for more info</a>
  21. </div>
  22. <div class="image-container">
  23. <img id="image" src="files/images/logo.jpg">
  24. <div class="overlay title align-end">
  25. <h1>BSimjoo webpage</h1>
  26. <h4>Life would be so much eazier if we only had the Source Code</h4>
  27. </div>
  28. <div class="overlay align-center">
  29. <h1>test</h1>
  30. </div>
  31. </div>
  32. <div class="middle-nav">
  33. <div class="box">
  34. <a href="#repair">
  35. <div>
  36. <img src="files/images/1057.png">
  37. <h1>Repairman</h1>
  38. <p>I could repair your computer</p>
  39. <p class="readmore">Read more</p>
  40. </div>
  41. </a>
  42. <a href="#developer">
  43. <div>
  44. <img src="files/images/1059.png">
  45. <h1>Developer</h1>
  46. <p>I'm a progammer!</p>
  47. <p>I love programing and I could develop applications as you wish!</p>
  48. <p class="readmore">Read more</p>
  49. </div>
  50. </a>
  51. <a href="#electronic">
  52. <div>
  53. <img src="files/images/1074.png">
  54. <h1>Electronic engineer</h1>
  55. <p>I know some thing about this!</p>
  56. <p class="readmore">Read more</p>
  57. </div>
  58. </a>
  59. </div>
  60. </div>
  61. <div id="repair" class="postblock right">
  62. <div>
  63. <h2>Repairman</h2>
  64. <p>
  65. I live with computer. When I was ten my parents bought my first computer and and then my computery life had begin!
  66. </p>
  67. <p>
  68. I was so curious and I started going anywhere and trying anything and any options in coumputer. so I learned how to ruin my computer first! and then tried to fix it so I learned how to fix my computer! later when I was 12, I started being more accurate
  69. in computer science so I learned much more about computer structures and computer logic and also developing.
  70. </p>
  71. <p>I could say I started learning computer by drowning in it!</p>
  72. <img src="files/images/drowning.jpg">
  73. </div>
  74. </div>
  75. <div id="developer" class="postblock left">
  76. <div>
  77. <h2>Developer</h2>
  78. <p>
  79. I like creating! after I knew computer, I wanted to creat something in computer, so I guided to developing and programing since I chose university of computer engineering to learn much more of computer science.
  80. </p>
  81. <p>
  82. When I was 14 I started programing from Visual Basic and after a while I started working by Dos-Batch. then I started Bascom-avr, C++, C#, Html and web-programing, java, python. But I have some thing to say about C# and python.
  83. </p>
  84. <p>
  85. I also created so many programs. you can see som of them in <a href="/softwares.html">softwares page</a>.
  86. </p>
  87. <img class="icon" src="files/images/bascom-avr-logo.jpg">
  88. <img class="icon" src="files/images/C++_Logo.png">
  89. <img class="icon" src="files/images/c-sharp-logo.png">
  90. <img class="icon" src="files/images/java-logo.png">
  91. <img class="icon" src="files/images/python-logo.png">
  92. </div>
  93. </div>
  94. <div id="electronic" class="postblock right">
  95. <div>
  96. <h2>Electronic engineering</h2>
  97. <p>
  98. Befor I know computer I knew electronic science and I tried to learn some thing about it. I started learning by some simple circut and reading some books about electronic element and some basic informations about amper, volt, ohm and ...
  99. </p>
  100. <p>
  101. I should say I know some thing about electronic but not so mutch! I could design basic and some AVR based circuits.
  102. </p>
  103. <p>
  104. But as I said, my major is computer engineering and electronic is a preoccupation.
  105. </p>
  106. <img class="icon" src="files/images/circuit-logo.png">
  107. </div>
  108. </div>
  109. <div id="end" class="full">
  110. <div class="align-center">
  111. <h1 id="commingsoon">Comming soon...</h1>
  112. </div>
  113. </div>
  114. </body>
  115. </html>