<div id="contant">
</div>
<script type="text/javascript">
const list = [
{
name: 'Kim Papaioannou',
position: 'PhD, AIIAS, Philippines',
img: '',
mail: ''
},
{
name: 'Алексєєнко Віктор Володимирович',
position: 'DMin, Andrew’s University, USA',
img: 'http://uati.adventist.ua/content/uploads/2019/01/Алексєєнко.jpg',
mail: 'alekvv@gmail.com'
},
{
name: 'Балаклицький Максим Анатолійович',
position: 'PhD, AIIAS, Philippines',
img: 'http://uati.adventist.ua/content/uploads/2019/02/Балаклицкий.jpg',
mail: 'b@asd.in.ua'
},
{
name: 'Велечук Володимир Степанович',
position: 'MMin , Andrew’s University, USA',
img: '',
mail: 'v.velechuk@adventist.ua'
},
{
name: 'Джулай Василь Григорович',
position: '???',
img: '',
mail: 'vdzhulay@gmail.com'
},
{
name: 'Коваль Богдан Володимирович',
position: 'МА, Andrew’s University, USA',
img: 'http://uati.adventist.ua/content/uploads/2019/01/Коваль.jpg',
mail: 'kovalb88@gmail.com'
},
{
name: 'Корещук Ігор Ілліч',
position: 'DMin Andrew’s University, USA',
img: 'http://uati.adventist.ua/content/uploads/2019/02/Курещук.jpg',
mail: 'pastorasd@yandex.ru'
},
{
name: 'Корчук Вячеслав Іванович',
position: 'DMin Andrew’s University, USA',
img: 'http://uati.adventist.ua/content/uploads/2019/01/Корчук.jpg',
mail: 'slkorchuk@gmail.com'
},
{
name: 'Корчук Олена Степанівна',
position: 'MA з педагогіки, НПУ ім. М.П.Драгоманова <br/> МА AIIAS, Philippines',
img: '',
mail: 'akorchuk@uati.adventist.ua'
},
{
name: 'Крупський Максим Володимирович ',
position: 'DMin Andrew’s University, USA',
img: '',
mail: 'maxkrupski@ukr.net'
},
{
name: 'Куриляк Богдан Іванович',
position: 'Bth, Український адвентистський теологічний інститут <br /> MA agistrate, Andrew’s University, USA',
img: 'http://uati.adventist.ua/content/uploads/2019/02/Куриляк.jpg',
mail: 'kuryliak.bogdan@gmail.com'
},
{
name: 'Куцій Володимир Костянтинович',
position: 'Bth, Духовна семінарія Церкви АСД в Україні <br/> Magistrate, Andrew’s University, USA',
img: '',
mail: ''
},
{
name: 'Луцький Сергій Костянтинович',
position: 'MPH, університет Loma Linda University',
img: '',
mail: 'lutskyiserg@gmail.com'
},
{
name: 'Майданник Ольга Олександрівна',
position: 'Bth, MA magistrate, Andrew’s University, USA',
img: 'http://uati.adventist.ua/content/uploads/2019/01/Майданник.jpg',
mail: 'o.maidannyk@uati.adventist.ua'
},
{
name: 'Наморадзе Серго',
position: 'PhD, AIIAS, Philippines',
img: 'http://uati.adventist.ua/content/uploads/2019/03/Наморадзе.jpg',
mail: ''
},
{
name: 'Нероба Віталій Володимирович',
position: 'MA з філософії НПУ ім. М.П.Драгоманова <br/> Doctorate, Andrew’s University, USA',
img: '',
mail: 'vitaneroba@gmail.com'
},
{
name: 'Носов Станіслав Вікторович',
position: 'Bth, MA, Doctorate, Andrew’s University, USA',
img: '',
mail: 'nosovsv@ukr.net'
},
{
name: 'Ношин Ярослав Іванович',
position: 'Bth, Заокська духовна академія; PhD',
img: '',
mail: 'noshyn@gmail.com'
},
{
name: 'Понятовська Лілія Йосипівна',
position: 'PhD, AIIAS, Philippines',
img: '',
mail: 'flyskyugi@gmail.com'
},
{
name: 'Понятовський Фелікс Кліментійович',
position: 'PhD in Old Testament, AIIAS, Philippines',
img: '',
mail: 'climentevich@gmail.com'
},
{
name: 'Присакар Олександр Валентинович',
position: 'MA in Religion, Andrew’s University, USA',
img: 'http://uati.adventist.ua/content/uploads/2019/01/Присакар.jpg',
mail: ''
},
{
name: 'Проданюк Роман Олексійович',
position: 'DMin Andrew’s University, USA',
img: '',
mail: 'pastorpro@ukr.net'
},
{
name: 'Рутковський Леонід Богданович',
position: '???',
img: 'http://uati.adventist.ua/content/uploads/2019/02/Рутковский.jpg',
mail: 'leorut777@gmail.com'
},
{
name: 'Рябой Валерій Миколайович',
position: 'Bth, MA, Doctorate, Andrew’s University, USA',
img: 'http://uati.adventist.ua/content/uploads/2019/02/Рябой.jpg',
mail: ''
},
{
name: 'Самоденко Володимир Олександрович',
position: 'Bth, MA, Doctorate, Andrew’s University, USA',
img: '',
mail: ''
},
{
name: 'Ткачук Володимир Іванович',
position: 'DHC,Universidad Adventista del Plata',
img: '',
mail: ''
},
{
name: 'Шевчук Андрій Васильович',
position: 'МА AIIAS, Philippines',
img: '',
mail: 'shevchukpastor@gmail.com'
},
{
name: 'Проданюк Ф.М.',
position: '???',
img: '',
mail: ''
},
{
name: 'Камінський М.Ф.',
position: 'DMin Andrew’s University, USA',
img: 'http://uati.adventist.ua/content/uploads/2019/01/Камінський.jpg',
mail: ''
}
];
let contant = document.getElementById("contant");
if (list.length % 2 === 1) {
list.push({
name: '',
position: '',
img: 'http://uati.adventist.ua/content/uploads/2019/01/1.jpg',
mail: ''
});
}
list.forEach(function (e) {
let container = document.createElement('div');
container.className = 'contant111'
if (e.name === '') {
container.className = 'none contant111';
}
let imgWr = document.createElement('div');
imgWr.className = 'img111'
let img = document.createElement('img');
let textWr = document.createElement('div');
textWr.className = 'text111'
let name = document.createElement('h2');
let pos = document.createElement('p');
let disc = document.createElement('p');
disc.className = 'description111'
contant.appendChild(container);
container.appendChild(imgWr);
imgWr.appendChild(img);
if (e.img !== '') {
img.src = e.img;
} else if (e.img === '') {
img.src = 'http://uati.adventist.ua/content/uploads/2019/01/1234141414.jpg';
}
container.appendChild(textWr);
textWr.appendChild(name);
textWr.appendChild(pos);
textWr.appendChild(disc);
name.innerHTML = e.name;
pos.innerHTML = e.position;
disc.innerHTML = e.mail;
});
</script>
<style>
/* body {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-content: center;
} */
#contant {
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}
.contant111 {
width: 50%;
height: 280px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
/*padding-bottom: 20px;*/
/*background-color: #aaa;*/
border-bottom: 2px solid #2f557f;
margin-bottom: 40px;
}
.img111 {
min-width: 25%;
width: 25%;
height: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
/*background-color: #ccc;*/
margin-right: 5%;
}
.img111 img {
/*height: 60%;*/
margin-top: -20%;
/*max-width: 220px;*/
width: 100%;
/*max-height: 300px;*/
}
.text111 {
width: 66%;
height: 100%;
padding-right: 4%;
}
.text111 h2 {
margin-top: 0;
margin-bottom: 20px;
}
.text111 p {
margin-bottom: 15px;
}
.description111 {
font-style: italic;
}
@media screen and (max-width: 1024px)
{
.text111 h2 {
margin-top: 0;
font-size: 18px;
margin-bottom: 25px;
}
.text111 p {
font-size: 14px;
margin-bottom: 20px;
}
.contant111 {
height: 180px;
}
.contant111[class="none contant111"] {
display: none;
}
}
@media screen and (max-width: 768px)
{ /* разрешение планшета */
.contant111 {
width: 100%;
/* align-items: center;
flex-direction: column;
height: auto;
width: 100%;
padding-left: 25px;
padding-right: 25px;
box-sizing: border-box;
padding-bottom: 40px;
margin-bottom: 80px;*/
}
.img111 {
/* max-width: 300px;
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 60px;
margin-right: 0;*/
}
.text111 {
width: 70%;
padding-right: 0;
}
.text111 p {
/* font-size: 14px; */
margin-bottom: 10px;
line-height: 1.3em;
}
.text111 h2 {
line-height: 1.3em;
margin-bottom: 15px;
}
}
@media screen and (max-width: 480px)
{ /* разрешение смартфона */
.content111 {
flex-direction: column;
/* padding-left: 10px;
padding-right: 10px;*/
}
}
</style>
