This repository was archived by the owner on Jan 4, 2026. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.htm
More file actions
172 lines (159 loc) · 9.41 KB
/
index.htm
File metadata and controls
172 lines (159 loc) · 9.41 KB
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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<!--http://www.anyvoid.ru/-->
<!--http://workmateapp.com/ru-->
<!--CSS Cleaner http://unused-css.com/-->
<!--test - http://gtmetrix.com/reports/imsait.com/M3XZjinz-->
<!--заголовок - http://tympanus.net/codrops/2011/11/09/interactive-html5-typography/
заголовок - граф http://getcockpit.com/
проекты - http://tympanus.net/codrops/2012/02/06/3d-gallery-with-css3-and-jquery/
проекты - http://tutorialzine.com/2009/10/slick-content-slider-jquery/
проекты - http://css-tricks.com/examples/MovingBoxes/#&slider1=3
проекты - http://www.realcoding.net/sources/slaider-produktov-na-jquery.html
проекты - http://jqscript.com/script/jquery-slajd-shou-slide-thumbs.html
проекты - http://ruseller.com/lessons.php?rub=29&id=1611
проекты - http://jqscript.com/script/550.html
Halftone Navigation Menu - http://tutorialzine.com/2010/01/halftone-navigation-menu-jquery-css/
проекты - Hover-эффекты для круглых элементов http://www.webmasters.by/images/articles/css/circle-hover-effects/index.html
проекты - http://www.webmasters.by/images/articles/css/modern-block-quote-styles/index.html
“Old” Flexbox and “New” Flexbox http://css-tricks.com/old-flexbox-and-new-flexbox/
Flexbox - http://dev.opera.com/articles/view/flexbox-basics/
время обновлять свой CSS3 http://habrahabr.ru/post/163429
Новинки Opera Mobile 12.1 и беты Opera 12.10 (Flexbox!) http://habrahabr.ru/company/opera/blog/154227
CSS Conditional Rules http://habrahabr.ru/post/154123
Установка размеров с помощью единиц vw и vh (% от вьюпорта) http://habrahabr.ru/post/126863/
книга - http://jqscript.com/script/prokruchivaemaya-panel-s-soderzhimym-na-jqueryresponsive-horizontal-layout.html
история - http://tympanus.net/Tutorials/LateralOnScrollSliding/
css http://css-live.ru/articles/flexbox-bystryj-put-k-raskladochnomu-blazhenstvu.html#top
CSS анимации http://habrahabr.ru/company/odnoklassniki/blog/158917/
CSS кнопки http://www.red-team-design.com/css3-patterned-buttons
http://tympanus.net/codrops/2012/04/30/fluid-css3-slideshow-with-parallax-effect/
http://tutorialzine.com/2012/10/use-a-google-docs-presentation-as-a-product-tour/
Иконки партнеров:
Как в Photoshop замнить белый на прозрачный? (изображения->Внешний канал...) http://habrahabr.ru/qa/23504
96x96, внутр. тень: непрозр. 60, 90 град. (глоб. осв. - off), смещь. 2, стяг. 0, размер 7, сглаживание.
Текстуры (фоны):
Простой тканевый фон за 5 секунд http://habrahabr.ru/post/114732
текстуры - http://subtlepatterns.com
-->
<html>
<head>
<meta charset="UTF-8">
<title>ИМСАИТ Research Lab</title>
<link rel="stylesheet" href="css/main.css">
<!-- Moved to the end of body.
<script src="js/jquery.lettering.js" defer async></script>
<script src="js/traf.js" defer async></script>-->
</head>
<body>
<header>
<canvas id="_logo_" data-text="ИМСАИТ Research Lab" data-density="4" data-scale="0.9">
<!--<img src="images/fallback.png" alt="ИМСАИТ Research Lab"/>-->
</canvas>
</header>
<div class="curved-hz-1"><section class="projects_wrap">
<h1>Правильное питание для ваших мозгов</h1>
<div class="mi-slider" id="mi-slider">
<div class="projects">
<ul>
<li><a id="first" href="https://docs.google.com/document/d/10KJP64BxHGXSN7vJ6fLRRRNZfPf9xYDGTrNx8VjmpYQ/pub?embedded=true" target="idoc"><img src="image/brain.png" alt="img01"><h4>SimgraphJ</h4><p>программный комплекс для моделирования больших сетей</p></a></li>
<li><a href="#"><img src="image/brain.png" alt="img02"><h4>SimuLab</h4><p>система имитационного моделирования широкого назначения</p></a></li>
<li><a href="#"><img src="image/brain.png" alt="img03"><h4>САИМ ТСП</h4><p>программный комплекс для моделирования транспортных потоков</p></a></li>
<li><a href="#"><img src="image/brain.png" alt="img04"><h4>BridgeGL</h4><p>система агентного моделирования, использующая WebGL</p></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/brain.png" alt="img05"><h4>Belts</h4></a></li>
<li><a href="#"><img src="image/brain.png" alt="img06"><h4>Hats & Caps</h4></a></li>
<li><a href="#"><img src="image/brain.png" alt="img07"><h4>Sunglasses</h4></a></li>
<li><a href="#"><img src="image/brain.png" alt="img08"><h4>Scarves</h4></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/brain.png" alt="img09"><h4>Casual</h4></a></li>
<li><a href="#"><img src="image/brain.png" alt="img10"><h4>Luxury</h4></a></li>
<li><a href="#"><img src="image/brain.png" alt="img11"><h4>Sport</h4></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/brain.png" alt="img12"><h4>Carry-Ons</h4></a></li>
<li><a href="#"><img src="image/brain.png" alt="img13"><h4>Duffel Bags</h4></a></li>
<li><a href="#"><img src="image/brain.png" alt="img14"><h4>Laptop Bags</h4></a></li>
<li><a href="#"><img src="image/brain.png" alt="img15"><h4>Briefcases</h4></a></li>
</ul>
</div>
<hr id="toDocTop">
<div class="lifted"><!--Возможно это (тень) лишнее-->
<nav class="nav button-group">
<a class="button" href="#">Проекты</a>
<a class="button" href="#">Статьи</a>
<a class="button" href="#">Пустота</a>
<a class="button" href="#">Reset</a>
</nav>
</div>
</div>
</section></div>
<section class="mainlinks_wrap">
<div class="doc_wrap"><div class="close_wrap"><div id="_close_">Закрыть</div></div><iframe class="doc" name="idoc"></iframe></div>
<div class="mainlinks">
<div><figure class="mainlink">
<div class="img" id="mainlink_calc_img"></div>
<figcaption><h2>Исследуем большие сети</h2><br/>
сетевой мониторинг финансовых операций, сетевой маркетинг, "информационные войны"</figcaption>
</figure></div>
<div><figure class="mainlink">
<div class="img" id="mainlink_dishes_img"></div>
<figcaption class="guest"><h2>Обучаем</h2><br/>
<del>Открыт</del> чебный центр консалтинга по системному анализу и имитационному моделированию</figcaption>
</figure></div>
<div><figure class="mainlink">
<div class="img" id="mainlink_card_img"></div>
<figcaption><h2>Моделируем транспортные сети</h2><br/>
Строим модели транспортных сетей мегополиса, и на их основе...</figcaption>
</figure></div>
<div><figure class="mainlink">
<div class="img" id="mainlink_timeline_img"></div>
<figcaption class="guest"><h2>Оптимизируем процессы</h2><br/>
Процессы: сфера обслуживания, управление техническими объектами</figcaption>
</figure></div>
<div><figure class="mainlink">
<div class="img" id="mainlink_activity_img"></div>
<figcaption><h2>NVIDIA CUDA</h2><br/>
Используем видеокарты для ускорения рассчетов (...)</figcaption>
</figure></div>
<div><figure class="mainlink">
<div class="img" id="mainlink_diet_img"></div>
<figcaption class="guest"><h2>High-performance computing</h2><br/>
Решаем задачи <del>любой</del> сложности, благодаря наличию доступа к (...) вычислительным центрам</figcaption>
</figure></div>
</div>
<hr>
<div id="for_reg"><span class="for_reg"></span> - доступно после промывки мозгов</div>
</section>
<div class="curved-hz-2">
<section class="partners_wrap">
<h1>Партнеры</h1>
<ui class="partners">
<li><img src="image/logo-p/NASA.png" alt="NASA"></li>
<li><img src="image/logo-p/Valve.png" alt="Valve"></li>
<li><img src="image/logo-p/citrix.png" alt="citrix"></li>
<li><img src="image/logo-p/NVIDIA.png" alt="NVIDIA"></li>
<li><img src="image/logo-p/hp.png" alt="HP"></li>
<li><img src="image/logo-p/intel.png" alt="Intel"></li>
<li><img src="image/logo-p/IBM.png" alt="IBM"></li>
<li><img src="image/logo-p/google.png" alt="Google"></li>
<li><img src="image/logo-p/bbc.png" alt="BBC"></li>
<li><img src="image/logo-p/MSR.png" alt="MSR"></li>
</ui>
</section>
<hr>
<footer>
<!--сделать эмблемы партнеров и техники – выдавленными-->
<div class="menu"><a href="#">Добавить в закладки</a> | <a href="#">Соглашение о взаимном сотрудничестве</a> | <a class=blue href="#">Обратная связь</a> </div>
<div id=footerText> Бла-бла-бла -бла -бла.<br/>
==================================== </div>
<div id=btmFooter> Copyright © </div>
</footer>
</div>
<!--script section {-->
<!--<script src="js/jquery.lettering.js"></script> on only after optimize-->
<script src="js/traf.js"></script>
<!--} (script section)-->
</body>
</html>