site/src/pages/partners.js

import React from "react"
import Layout from "../components/layout"
import "../styles/main.css"
///------------------------------------------------------
import mipt_logo from "../images/partners/mipt_logo.jpg"
import inr_linac from "../images/partners/Linac-OUK_big.gif"
import inr_logo from "../images/partners/inr_logo.png"
import jetbrains_logo from "../images/partners/jetbrains.svg"
import jbr from "../images/partners/jbr.svg"
// import mtl_logo from "../images/partners/mtl_logo.png"

const PartnersPage = () => (
    <Layout>
    <div className="media" style={{marginTop: `30px`}}>
        <div className="media-body">
            <h1><a id="partner" href="https://mipt.ru/education/chair/physics/">Кафедра общей физики МФТИ </a></h1>
            <p>Кафедра общей физики является основной точкой соприкосновения для ученых и преподавателей с одной стороны и
            студентов с другой стороны. Тесное сотрудничество с кафдерой является залогом постоянного притока молодых
            сотрудников, а также постоянного самосовершенствования членов группы, работающих со студентами.</p>
            <hr/>
            <h1><a id="partner" href="https://mipt.ru/science/labs/high_energy_physics_lab.php">Лаборатория физики высоких энергий МФТИ</a></h1>
            <p>Тесное сотрудничество с дабораторией физики высоких энергий повзоляет осуществлять прямой контакт между
            образованием и научным сообществом, не выходя за рамки МФТИ.</p>
        </div>
        <div className="media-right media-middle">
            <a href="https://mipt.ru/education/chair/physics/"><img className="media-object" src={mipt_logo} alt="mipt logo" width="400px"/></a>
        </div>
    </div>

    <hr/>

    <div className="media">
    <div className="media-body">
        <h1><a id="partner" href="https://www.jetbrains.com/">JetBrains</a></h1>
        <p>Лаборатория активно сотрудничает с компанией JetBrains во внедрении 
            языка Kotlin в научном программировании, преподавании Kotlin и разработке 
            библиотек на Kotlin.</p>
    </div>
    <div className="media-right media-middle">
        <a href="https://www.jetbrains.com/"><img className="media-object" src={jetbrains_logo} alt="inr logo" width="150px" style={{marginLeft:`10px`}}/></a>
    </div>
    </div>

    <hr/>

    <div className="media">
    <div className="media-body">
        <h1><a id="partner" href="https://research.jetbrains.org/ru/groups/npm">JetBrains Research</a></h1>
        <p>Группа разработки программного обеспечения входит в международное научное объединение JetBrains Research.</p>
    </div>
    <div className="media-right media-middle">
        <a href="https://research.jetbrains.org/ru/groups/npm"><img className="media-object" src={jbr} alt="inr logo" width="250px" style={{marginLeft:`10px`}}/></a>
    </div>
    </div>

    <hr/>

    <div className="media">
    <div className="media-body">
        <h2 className="media-heading">Отдел экспериментальной физики ИЯИ РАН</h2>
        <p>Ведется очень плотное сотруднничество с ОЭФ ИЯИ РАН в рамках коллабораций Troitsk nu-mass и KATRIN, а также в плане
        подготовки квалифицированных кадров для работы на эксперименте NICA и в других ускорительных экспериментах.
        В рамках сотрудничества реализуются как научные так и образовательные задачи.</p>
    </div>
    </div>

    <hr/>

    <div className="media" >
    <div className="media-left media-middle">
        <a href="http://www.inr.ru"><img className="media-object" src={inr_linac} alt="inr logo" width="100px"/></a>
    </div>
    <div className="media-body" style={{marginLeft: `25px`}}>
        <h1><a id="partner" href="http://www.inr.ru/">Лаборатория пучка ИЯИ РАН</a></h1>
        <p>Лаборатория пучка линейного ускорителя ИЯИ РАН отвечает за проводку и диагностику пучка ускорителя, а также ведет
        разработки систем диагностики пучка, используемых по всему миру. Группа ведет несколько совместных образовательных
        проектов с этой лабораторией.</p>
    </div>
    </div> 

    <hr/>

    <div className="media">
    <div className="media-body">
        <h1><a id="partner" href="http://www.inr.ru/">Научно-образовательный центр ИЯИ РАН</a></h1>
        <p>Часть студентов, участвующих в группе обучается в научно-образовательном центре ИЯИ РАН.</p>
    </div>
    <div className="media-right media-middle">
        <a href="http://www.inr.ru"><img className="media-object" src={inr_logo} alt="inr logo" width="100px" style={{marginLeft:`10px`}}/></a>
    </div>
    </div>

    <hr/>

    {/* <div className="media" style={{fontSize: `20px`}}>
    <div className="media-left media-middle">
        <a href="#"><img className="media-object" src={mtl_logo} width="100px"/></a>
    </div>
    <div className="media-body">
        <h1><a href="http://www.mtl.ru/">МТЛ. Медицинские технологии</a></h1>
        В рамках сотрудничества с МТЛ проводится научная, инженерная и научно-образовательная работа на базе МФТИ.
    </div>
    </div> */}

    <div className="media" style={{marginBottom: `30px`}}>
    <div className="media-body">
        <h1><a id="partner" href="http://www.iki.rssi.ru/">ИКИ РАН</a></h1>
        <p>Группа участвует в математическом моделировании электрических разрядов в атмосфере.</p>
    </div>
    <div className="media-right media-middle">
        <a href="http://www.iki.rssi.ru"><img className="media-object" src="http://www.iki.rssi.ru/img/iki.png" alt="iki logo" width="100px"/></a>
    </div>
    </div>

    </Layout>
)

export default PartnersPage