HTML-CSS-simple-responsive-web-site/News.html at master · georgimanov/HTML-CSS-simple-responsive-web-site · 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
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
173
174
175
176
177
178
179
180
181
182
183
<!DOCTYPE html>
<html>
<head lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Team "THORN"|News</title>
    <meta name="HandheldFriendly" content="true">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <link rel="stylesheet" type="text/css" href="styles/style.css"/>
    <link rel="stylesheet" href="styles/header.css"/>
    <link rel="stylesheet" href="styles/footer.css"/>
    <link rel="stylesheet" type="text/css" href="styles/style_news.css"/>

</head>
<body>

<header>
    <div class="wrap">
        <nav>
            <a href="index.html">
                <div class="logo-container"></div>
            </a>

            <div class="nav">
                <ul>
                    <li><a href="Contact-form.html">Контакти</a></li>
                    <li><a href="News.html">Новини</a></li>
                    <li><a href="C--.html">Софтуер </a></li>
                    <li><a href="Video.html">Медия</a></li>
                    <li><a href="About.html">За нас</a></li>
                </ul>
            </div>

        </nav>
    </div>
</header>
<main>
    <section>
        <article>
            <div class="article-news">
                <header>

                    <h2>Технологични вести от страната</h2>

                    <div class="separate"></div>
                    <h4>Производителят на Siri е в преговори с Пеевски</h4>

                    <p class="inline author card">
                        Posted by <span class="name-author">D-N-D</span>
                        on
                        <time class="updated" datetime="2012-09-12 11:11:03-0400">
                            29.06.2015
                        </time>
                    </p>
                </header>


                <div class="image">

                </div>

                <p>
                    Специалистът в технологиите за разпознаване на глас Nuance Communications Inc, сред чиито клиенти са
                    Apple, Samsung и Daimler, е предложил на Делян Пеевски да се влее в неговата мултимедийно-кулинарна
                    империя сцел да подпомогне нейната инвазия по пътя към национално и световно надебеляване. Идеята е
                    Siri
                    да бъде използвана не само в ежедневието на богати и красиви хора с Айфони, като г-н Пеевски. Освен
                    очевидната полза от Siri като заместител на домашен любимец с висок праг на търпимост към изслушване
                    на
                    скучни житейски проблеми, Nuance имат идея да вградят гласово задвижваната технология в предмети от
                    ежедневието като тостер, мухоловка, радиатор, тоалетна чиния и кутия с клечки за уши. Ползата от
                    Siri
                    при употребата на вестник, например, е безспорна – сподели CEO-то на компанията. Освен баналните
                    анализи на политическата и футболна действителност в страната, Siri може да предлага набор от псувни
                    по
                    адрес на Цветан Василев, варианти за крадене на ток и череши от съседите, както и да пее утешителни
                    песнички с весел Афро-акцент при получаване на месечни сметки от Топлофикация – похвали се доверено
                    на
                    Делян Пеевски лице, което изрично настоя, че японското значение на Siri (бел. авт. - задник) няма да
                    спре магната да завладее и Японския пазар за течен шоколад и кисело зеле.
                    <strong>Всичко това значи само едно - повече работни места за високо платени и средно мързеливи през
                        лятото програмисти, продукт на <a href="http://softuni.bg">SoftUni</a>.</strong>
                </p>
            </div>
        </article>
        <article>
            <div class="article-news">
                <header>

                    <h2>Kурс по Mind-mapping</h2>

                    <div class="separate"></div>
                    <h4>Екпиът на TCB Ltd.</h4>

                    <p class="inline author card">
                        Posted by <span class="name-author">D-N-D</span>
                        on
                        <time class="updated" datetime="2012-09-12 11:11:03-0400">
                            1.07.2014
                        </time>
                    </p>
                </header>


                <div class="image-2">
                    <img src="images/mind-mapping.jpg" alt="mind-mapping" />
                </div>

                <p>
                    Екпиът на Thorn Consult Bulgaria Ltd. взе участие в проведения семинар на тема
                    <strong>Mind-mapping</strong> или още познат като <strong>заблуди за шкембето</strong> в средите на програмистите.

                </p>
            </div>
        </article>
    </section>
    <aside class="left">
        <div>
            <h4>Бил Гейтс</h4>
            <cite>
                Търпението е ключов елемент за успеха.
            </cite>
        </div>
        <div>
            <h4>Светлин Наков</h4>
            <cite>
                Все се чудя как разни математици, които през живота си не са правили никога софтуер, обясняват, че
                математиката
                била фундамент на софтуерното инженерство.<br/>
                Слушайте ги, ако искате да станете като тях. Всеки сам избира дали да се води по акъла на успели хора
                или да
                слуша отпаднали от реалността професори с научни титли, които не са програмирали никога през живота си.
            </cite>
        </div>
        <div>
            <h4>Yoda</h4>
            <cite>
                Do. Or do not. There is no try.
            </cite>
        </div>
    </aside>

</main>

<footer>
    <div class="foot-wrap">
        <div class="foot">
            <h4>SoftUni Contacts</h4>
            <img src="images/logo.png" class="logo" alt="logo">

            <p>
                <a class="fb" href="https://www.facebook.com/SoftwareUniversity"><img src="images/icon-facebook.png" alt="facebook"></a>
                <a class="yt" href="https://www.youtube.com/channel/UCPlL0QmMNVtubUKO2SqU4zQ"><img src="images/icon-youtube.png" alt="youtube"></a>
            </p>
        </div>

        <div class="foot">
            <p>Copyright® teamTHORN @ SoftUni 2014 few minutes before deadline</p>

            <p>
                <a href="http://jigsaw.w3.org/css-validator/validator?uri=http&amp;3A&amp;2F&amp;2Fteam-thorn.softuni-friends.org&amp;2F&amp;profile=css3&amp;usermedium=all&amp;warning=1&amp;vextwarning=&amp;lang=en">    <img style="border:0;width:88px;height:31px"
                         src="http://jigsaw.w3.org/css-validator/images/vcss"
                         alt="Valid CSS!" />
                </a>
            </p>
            <p>
                <a href="http://validator.w3.org/check?uri=http&amp;3A&amp;2F&amp;2Fteam-thorn.softuni-friends.org&amp;2F"   style="background-color: transparent">
                    <img style="border-style:none" width="88" height="31"
                         src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" /></a>
            </p>
        </div>
        <div class="foot" id="foot-team">
            <h4>teamTHORN Contacts</h4>
            <img src="images/team-thorn-logo-small.png" class="logo" alt="logo small">
            <p>
                <a class="fb" href="https://www.facebook.com/spinderbok"><img src="images/icon-facebook.png" alt="facebook"></a>
                <a class="yt" href="http://youtu.be/QRRw1BoVfzA"><img src="images/icon-youtube.png" alt="youtube"></a>
            </p>
        </div>
    </div>
</footer>

</body>
</html>