A trangle geometric shape

						var board = JXG.JSXGraph.initBoard('box1', {
axis: true, boundingbox: [-15, 15, 15, -15], showcopyright: false,keepaspectratio: true, axis: false, zoom: false,showNavigation: false
  });
  
var p1 = board.create('point', [-10, 5],{name:'A', size: 1,face:"", color:'blue', label: {offset:[-25,10], color:'blue'}} );
var p2 = board.create('point', [-10, -2],{name:'B', size: 1,face:"", color:'blue', label: {offset:[-25,10], color:'blue'}} );

var p3 = board.create('point', [9, -3],{name:'C', size: 1,face:"", color:'blue', label: {offset:[10,10], color:'blue'}} );

var l1 = board.create('segment', [p1, p2],{strokeWidth:2});
var l2 = board.create('segment', [p2, p3],{strokeWidth:2,dash: 2});

var p4 = board.create('point', [9, 10],{name:'D', size: 1,face:"", color:'blue', label: {offset:[10,10], color:'blue'}} );

var l3 = board.create('segment', [p3, p4],{strokeWidth:2});

var p5 = board.create('point', [1, -8],{name:'P', size: 1,face:"", color:'blue', label: {offset:[-5,-10], color:'blue'}} );
var l4 = board.create('segment', [p1, p5],{strokeWidth:2});
var l5 = board.create('segment', [p2, p5],{strokeWidth:2});
var l6 = board.create('segment', [p3, p5],{strokeWidth:2});
var l7 = board.create('segment', [p4, p5],{strokeWidth:2});
var l8 = board.create('segment', [p1, p4],{strokeWidth:2});
var mp1 = board.create('midpoint', [p4, p5],{name:'E', size: 1,face:"", color:'blue', label: {offset:[10,0], color:'blue'}} );
var l9 = board.create('segment', [p1, mp1],{strokeWidth:2});

var pr1 = board.create('parallel', [mp1, l3], {visible: false});

var i1 = board.create('intersection', [pr1, l6],{name:'F', size: 1,face:"", color:'blue', label: {offset:[10,-10], color:'blue'}} );

var l10 = board.create('segment', [mp1, i1],{strokeWidth:2, dash: 2});

var l11 = board.create('segment', [p2, i1],{strokeWidth:2, dash: 2});