site/src/pages/partners.js

import React from "react"
import Layout from "../components/layout"
import {FormattedMessage, injectIntl} from "react-intl"

///------------------------------------------------------
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"

const PartnersPage = () => {
    return (
        <Layout>
            <div className="media" style={{marginTop: `30px`}}>
                <div className="media-body">
                    <h1><a aria-label="MIPT general physics"
                           href="https://mipt.ru/education/chair/physics/"><FormattedMessage
                        id="partners.mipt.title_fund"/></a></h1>
                    <p><FormattedMessage id="partners.mipt.description_fund"/></p>
                    <hr/>
                    <h1><a aria-label="MIPT HEP"
                           href="https://mipt.ru/science/labs/high_energy_physics_lab.php"><FormattedMessage
                        id="partners.mipt.title_energy"/></a></h1>
                    <p><FormattedMessage id="partners.mipt.description_energy"/></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><FormattedMessage id="partners.jb.description"/></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><FormattedMessage id="partners.jbr.description"/></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"><FormattedMessage id="partners.ras.title_exp"/></h2>
                    <p><FormattedMessage id="partners.ras.description_exp"/></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 aria-label="INR" href="http://www.inr.ru/"><FormattedMessage
                        id="partners.ras.title_beam"/></a></h1>
                    <p><FormattedMessage id="partners.ras.description_beam"/></p>
                </div>
            </div>

            <hr/>

            <div className="media">
                <div className="media-body">
                    <h1><a aria-label="INR education" href="http://www.inr.ru/"><FormattedMessage
                        id="partners.ras.title_education"/></a></h1>
                    <p><FormattedMessage id="partners.ras.description_education"/></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 aria-label="SRI RAS" href="http://www.iki.rssi.ru/"><FormattedMessage
                        id="partners.ras.title_iki"/></a></h1>
                    <p><FormattedMessage id="partners.ras.description_iki"/></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 injectIntl(PartnersPage)