Add files via upload

cerebrov · Oct 3, 2020 · 37fcc3b · 37fcc3b
1 parent a4f394b
commit 37fcc3b
Show file tree

Hide file tree

Showing 7 changed files with 243 additions and 0 deletions.
diff --git a/aliguzel.jpg b/aliguzel.jpg
diff --git a/arifgunduz.jpeg b/arifgunduz.jpeg
diff --git a/eneskarpuz.jpeg b/eneskarpuz.jpeg
diff --git a/mahirkursun.jpeg b/mahirkursun.jpeg
diff --git a/myPhoto.jpg b/myPhoto.jpg
diff --git a/refuge-analyze.html b/refuge-analyze.html
@@ -0,0 +1,243 @@
+<!DOCTYPE html>
+<html lang="en">
+<title>Refuge Analyze</title>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+<!-- Optional theme -->
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
+
+<!-- Latest compiled and minified JavaScript -->
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
+<style>
+body,h1,h2,h3,h4,h5 {font-family: "Raleway", sans-serif}
+.w3-third img{margin-bottom: -6px; opacity: 0.8; cursor: pointer}
+.w3-third img:hover{opacity: 1}
+
+
+#dis_bolme { 
+
+width: 100%; 
+height:100%;
+background-color: #666;
+margin-left: 8rem;
+
+}
+
+.ic_bolme{
+
+    float:left;
+    width: 20%;
+    height:400px;
+    border:rgb(88, 82, 82) solid 1px;
+    background-color: #616161;
+    margin: px;
+    padding: 3px;
+
+}
+
+.address1 li a {
+    color: #fff;
+    text-decoration: none;
+}
+ul.address1 i {
+    width: 20px;
+    position: absolute;
+    left: 0px;
+    text-align: center;
+    font-size: 28px;
+    top: 0;
+}
+
+ul.address1 i.fa-envelope {
+    font-size: 18px;
+    top: 4px;
+}
+
+</style>
+<body class="w3-light-grey w3-content" style="max-width:1600px">
+
+  <div style="color:white; margin-left: 30rem;" class="w3-container w3-grey">
+    <h1 style="text-transform: uppercase;">refugee analyze   (Planet With People challenge )</h1>
+  </div>
+
+<!-- Sidebar/menu -->
+<nav class="w3-sidebar w3-bar-block w3-white w3-animate-left w3-text-grey w3-collapse w3-top w3-center" style="z-index:3;width:300px;font-weight:bold" id="mySidebar"><br>
+  <h3 class="w3-padding-64 w3-center"><b>REFUGE<br>ANALYZE</b></h3>
+  <a href="javascript:void(0)" onclick="()" class="w3-bar-item w3-button w3-padding w3-hide-large">CLOSE</a>
+  <a href="#" onclick="cerebrov()" class="w3-bar-item w3-button">REFUGEE MAP</a> 
+  <a href="#methodology" onclick="cerebrov()" class="w3-bar-item w3-button">METHODOLOGY</a>
+  <a href="#aboutCerebrov" onclick="cerebrov()" class="w3-bar-item w3-button">ABOUT CEREBROV</a> 
+  <a href="#meetTheTeam" onclick="cerebrov()" class="w3-bar-item w3-button">MEET THE TEAM</a>
+  <a href="#contact" onclick="cerebrov()" class="w3-bar-item w3-button">CONTACT</a>
+</nav>
+
+<!-- Top menu on small screens -->
+<header class="w3-container w3-top w3-hide-large w3-white w3-xlarge w3-padding-16">
+  <span class="w3-left w3-padding">REFUGE ANALYZE </span>
+  <a href="javascript:void(0)" class="w3-right w3-button w3-white" onclick="w3_open()">☰</a>
+</header>
+
+  <div class="w4-row">
+    <div class="w4-third">
+
+      <img src="resource.jpg" style="width:80% ; margin-left: 300px; margin-bottom: 0px;" onclick="onClick(this)" alt="The Beach. Me. Alone. Beautiful">
+    </div>
+
+  <!-- Modal for full size images on click-->
+  <div id="modal01" class="w3-modal w3-black" style="padding-top:0" onclick="this.style.display='none'">
+    <span class="w3-button w3-black w3-xlarge w3-display-topright">×</span>
+    <div class="w3-modal-content w3-animate-zoom w3-center w3-transparent w3-padding-64">
+      <img id="img01" class="w3-image">
+      <p id="caption"></p>
+    </div>
+  </div>
+
+  <!-- Methodology section -->
+  <div class="w3-container w3-dark-grey w3-center w3-text-light-grey w3-padding-32" id="methodology">
+    <h4><b>METHODOLOGY</b></h4><br>
+    <h4>TECHNICAL SOLUTION DETAILS  </h4>
+    <div class="w3-content w3-justify" style="max-width:600px">
+
+      <p>Once upon a time a band of knights riding through a forest saw hundreds of trees with targets painted on them and an arrow in the very center of each target. When the king heard of this, he sent the knights back to find the archer who hit the bullseye every time. They found a wee, small boy. They brought him back to the king, and the king asked how he ever managed such a remarkable feat. The boy answered, "it's easy, sir. First you shoot the arrow, then you paint the target."
+      </p>
+      <p>mail: example@example.com</p>
+      <p>tel: 5353 35531</p>
+
+    </div>
+  </div>
+
+ <!-- About Cerebrov section -->
+
+ <div class="w3-container w3-light-grey w3-padding-32 w3-padding-large" id="aboutCerebrov">
+  <div class="w3-content" style="max-width:600px">
+    <h4 class="w3-center"><b>ABOUT CEREBROV</b></h4>
+    <p>Some text about me. I love taking photos of PEOPLE. I am lorem ipsum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
+      dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor
+      incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+    </p><br>
+  </div>
+</div>
+
+       <!-- meet the team section -->
+      <h4 style="text-align: center;"><b>MEET THE TEAM</b></h4><br>
+      <div class="w3-content w3-justify" id="meetTheTeam">
+        <div class="w3-container"></div>
+        <div id="dis_bolme">
+
+
+<div class="ic_bolme"><img src="myPhoto.jpg" alt=""><br><br>
+<p> <span>Ali Hizmetçi</span> </p>
+</div>
+
+<div class="ic_bolme">
+<img src="arifgunduz.jpeg" alt=""><br><br>
+<p> <span>Arif Gündüz</span> </p>
+</div>
+
+<div class="ic_bolme">
+<img src="eneskarpuz.jpeg" alt=""><br><br>
+<p> <span>Enes Karpuz</span> </p>
+</div>
+
+<div class="ic_bolme">
+<img src="aliguzel.jpg" alt=""><br><br>
+<p> <span>Ali Güzel</span> </p>
+</div>
+
+<div class="ic_bolme">
+<img src="mahirkursun.jpeg" alt=""><br><br>
+<p> <span>Mahir Kurşun</span> </p>
+</div>
+
+
+</div>
+
+
+      </div>
+    </div>
+
+   <!-- Contact section -->
+   <div class="w3-container w3-light-grey w3-padding-32 w3-padding-large" id="contact">
+    <h4><b>CONTACT</b></h4>  
+    <div class="w3-content" style="max-width:600px">
+
+      <p>Do you want to know the details ?  fill out the form and contact us !</p>
+      <form action="/action_page.php" target="_blank">
+        <div class="w3-section">
+          <label>Name</label>
+          <input class="w3-input w3-border" type="text" name="Name" required>
+        </div>
+        <div class="w3-section">
+          <label>Email</label>
+          <input class="w3-input w3-border" type="text" name="Email" required>
+        </div>
+        <div class="w3-section">
+          <label>Message</label>
+          <input class="w3-input w3-border" type="text" name="Message" required>
+        </div>
+        <button type="submit" class="w3-button w3-block w3-black w3-margin-bottom">Send Message</button>
+      </form>
+
+
+    </div>
+  </div>
+
+  <!-- Footer -->
+  <footer class="w3-container w3-padding-32 w3-grey">  
+    <div class="w3-row-padding">
+      <div class="w3-third">
+        <p>
+      </div>
+
+      <div style="margin-left: -10rem;" class="col-md-4">
+                        <h4>Information</h4>
+                        <ul class="address1">
+                            <li><i class="fa fa-map-marker"></i>Ankara/Turkey</li>
+                            <li><i class="fa fa-envelope"></i><a style="color:rgb(0, 0, 0);" href="mailto:cerebronew3@gmail.com">cerebronew3@gmail.com</a></li>
+                            <li><i class="fab fa-github"></i></i> <a href="https://github.com/cerebrov/refugee-analyze">Cerebrov</a></li>
+                        </ul>
+                    </div>
+      <div class="w3-third">
+        <h3>POPULAR TAGS</h3>
+        <p>
+          <span class="w3-tag w3-black w3-margin-bottom">Refugee</span> <span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">Circulation</span> <span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">Refugee-Circulation</span>
+          <span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">Refugee-Healh</span> <span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">Economoy</span> <span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">Refugee-Worldmap</span>
+        </p>
+      </div>
+    </div>
+  </footer>
+
+  <div class="w3-black w3-center w3-padding-24"><span>@CEREBROV</span> </div>
+
+<!-- End page content -->
+</div>
+
+<script>
+// Script to open and close sidebar
+function w3_open() {
+  document.getElementById("mySidebar").style.display = "block";
+  document.getElementById("myOverlay").style.display = "block";
+}
+
+function w3_close() {
+  document.getElementById("mySidebar").style.display = "none";
+  document.getElementById("myOverlay").style.display = "none";
+}
+
+// Modal Image Gallery
+function onClick(element) {
+  document.getElementById("img01").src = element.src;
+  document.getElementById("modal01").style.display = "block";
+  var captionText = document.getElementById("caption");
+  captionText.innerHTML = element.alt;
+}
+
+</script>
+
+
+</body>
+</html>
diff --git a/resource.jpg b/resource.jpg