urfu-2017 · strota · Oct 23, 2017 · Oct 23, 2017 · Oct 23, 2017 · Oct 24, 2017
diff --git a/index.css b/index.css
@@ -0,0 +1,110 @@
+body
+{
+    text-align: center;
+    height: 100px;
+    margin: 1px 400px;
+}
+
+.c3 
+{
+    column-count: 3;
+    column-rule: 2px solid #000;
+}
+
+.c1
+{
+    column-count: 3;
+    column-rule: 2px solid #000;
+}
+
+.c2
+{
+    column-count: 4;
+    column-rule: 2px solid #000;
+}
+
+h6
+{
+    margin: 10px;
+    text-align: center;
+}
+
+hr
+{
+    background-color: black;
+    height: 5px;
+}
+
+figure,
+figure > figcaption
+{
+    column-span: all;
+    text-align: center;
+}
+
+h1,
+h2
+{
+    column-span: all;
+    margin: 10px;
+    font-size: 30px;
+    font-family: sans-serif;
+    text-align: center;
+}
+
+.wr
+{
+    font-size: 60px;
+}
+
+h2
+{
+    font-family: fantasy;
+}
+
+tr:first-child > td:first-child
+{
+    width: 10px;
+    padding: 5px;
+    border: 7px dotted black;
+}
+
+.c1 > h4
+{
+    font-family: fantasy;
+}
+
+.c2 > h4
+{
+    font-family: sans-serif;
+}
+
+.c2 > p::first-letter
+{
+    font-size: 30px;
+}
+
+.c1 > p::first-letter
+{
+    font-size: 30px;
+}
+
+.c1 > p:nth-child(5)
+{
+    border: 2px dotted black;
+}
+
+body > div:first-child > img
+{
+    width: 220px;
+}
+
+.img1
+{
+    width: 100px;
+}
+
+.img2
+{
+    width: 300px;
+}
diff --git a/index.html b/index.html
@@ -3,7 +3,93 @@
 <head>
     <meta charset="utf-8">
     <title>Задача «DeLorean DMC-12»</title>
+    <link rel="stylesheet" type="text/css" href="index.css">
 </head>
 <body>
+    <div>
+        <img src="https://pp.userapi.com/c841229/v841229637/2c7c8/SNtu7Vsg9GQ.jpg"
+        alt="Logo">
+        <img src="https://pp.userapi.com/c840727/v840727365/1b7dc/ku02vym5Oo4.jpg"
+        alt="Logo">
+        <img src="https://pp.userapi.com/c841229/v841229637/2c7ba/GKNQ2EFelwA.jpg"
+        alt="Logo">
+        <hr><h6>Date:10/23/2017</h6><hr>
+    </div>
+    <table>
+        <tr>
+            <td>
+                <div>
+                    <h1 class="wr">Google opened <br>its secrets</h1>
+                </div>
+            </td>
+            <td>
+                <div class="c1">
+                    <p>
+                        Google just concluded its I/O 2017 keynote, where executives led 
+                        by CEO Sundar Pichai laid out the company’s future roadmap for Android, 
+                        Google Assistant, Google Home, virtual reality, and much more. The 
+                        company has settled into a pattern of releasing information about what 
+                        it’s doing (and what it wants to do) for developers at I/O, instead of 
+                        trying to wow consumers or the press.
+                    </p>
+                    <h2>Who was waiting?</h2>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td>
+                <div class="c2">
+                    <h4>ANDROID SURPASSES 2 BILLION MONTHLY ACTIVE DEVICES</h4>
+                    <p>
+                        Android’s mobile dominance hasn’t stopped growing. CEO Sundar Pichai 
+                        revealed at the keynote’s start that the tally of monthly active Android 
+                        devices now exceeds 2 billion. 
+                    </p>
+
+                    <h4>GOOGLE ASSISTANT CAN SEE AND UNDERSTAND THE WORLD AROUND YOU</h4>
+                    <p>
+                        Google Assistant can now analyze the world around you with the help of your 
+                        smartphone camera. Using a technology the company calls Google Lens, the 
+                        Assistant will analyze your surroundings and display relevant content on 
+                        your screen. 
+                    </p>
+                    <figure class="img">
+                            <img class="img2" 
+                            src="https://pp.userapi.com/c639729/v639729868/58069/vt1qt-k9eLQ.jpg"
+                            alt="google">
+                        <figcaption>example on the phone</figcaption>
+                    </figure>
+                </div>
+            </td>
+            <td>
+                <div class="c1">
+                        <h4>GOOGLE HOME TURNS INTO A PHONE</h4>
+                        <p>
+                            Like Amazon, Google is turning its smart speaker into a phone. Over the 
+                            coming months, all Home owners will be able to place free calls to the 
+                            United States and Canada. By default, Google uses a private number for 
+                            this feature — but you’ve got the option of tying it to your own mobile 
+                            phone number. The same goes for everyone else in your house, as phone 
+                            calls support Home’s multi-user setup. Only outgoing calls will be available 
+                            at launch, as Google is taking a cautious approach to avoid privacy headaches.
+                        </p>
+
+                        <h4>HOME GETS WAY MORE USEFUL</h4>
+                        <p>
+                            Google’s smart speaker was already one of the best ones on the market, but 
+                            the company announced a suite of other new features and updates beyond calling 
+                            to Home that make it much more powerful. Home is now going to be able to control 
+                            HBO Now, Hulu, SoundCloud, Deezer, and more. Even better, Google is opening up 
+                            access to Home’s Bluetooth radio, meaning you can treat it just like any other 
+                            Bluetooth speaker.
+                        </p>
+                    <p>
+                        HOME NOW ACTS AS A PHONE, CAN CONNECT OVER BLUETOOTH, AND GETS NEW 
+                        COMPATIBILITY WITH SERVICES LIKE HBO AND HULU
+                    </p>
+                </div>  
+            </td>
+        </tr>
+    </table>
 </body>
 </html>